CSS – animation Property
The animation property is a shorthand property for all the other properties a CSS animation can be given.
The animation property is a shorthand property for all the other properties a CSS animation can be given.
The animation-delay property specifies a delay for the start of an animation defined in seconds (s) or milliseconds (ms).
The animation-direction property defines whether an animation should be played forwards, backwards, or in alternate cycles.
The animation-duration property defines how long, in seconds (s) or milliseconds (ms), an animation should take to complete one cycle.
The animation-fill-mode property specifies a style for the element when the animation is not playing – both before it starts and after it ends.
The animation-iteration-count property specifies the number of times an animation should play before stopping.
The animation-name property specifies a name for a @keyframes animation.
The animation-play-state property specifies whether the animation is running or paused, and JavaScript can be used to pause the animation in mid cycle.
The animation-timing-function defines the speed curve of an animation, which is the time it takes to change from one set of styles to another (how smooth).
The backdrop-filter property is used to apply a graphical effect to the area underneath an element that is partially transparent.
The backface-visibility property defines whether the back of an element should be visible when rotated to face the user. It’s a mirror image of the front.
The background property is a shorthand property for all the other properties a CSS background can be given.
The background-attachment property determines whether the background image scrolls with the rest of the page or is fixed in place as the page scrolls.
The background-blend-mode property defines the blending mode of each background color and/or image layer.
The background-clip property defines how far the background color or image should extend within an element.
The background-color property sets the background color of the entirety of an element including padding and border, but not margin.
The background-image property sets one or more background images (with varying placement) for an element. The default placement is at the top-left corner.
The background-origin property specifies the positioning area of a background image (this property has no effect if the background-attachment is fixed).
The background-position property sets the starting position of a background image, which by default is the top-left corner of an element. Unless otherwise specified, the image will repeat both vertically and horizontally to fill the element.
The background-repeat property sets how a background image will be repeated if at all. By default, the background image is repeated both vertically and horizontally.