CSS3 animations and animation property (animation)

The CSS animations (animation properties) are used to create animated elements, and replace embedded software such as

'The keyframes rule (@keyframes)

The @keyframe rules are used to define an animation in a gradual mode of movement. The keyframes describe the state of properties at each stage of the animation. Optionally, they also spec...

Animation name property (animation-name)

The animation-name property defines the name (or comma-separated names) of @keyframes...

Animation duration property (animation-duration)

The animation-duration property defines the duration of one automation cycle, and it is set as seconds or milliseconds. If multiple times are specified, they’re applied to the animat...

Animation timing property (animation-timing-function)

The animation-timing-function property allows as defining the speed curve of the animation, or in other words it allows us to smoothly apply style changes from one to another by using time...

Animation delay property (animation-delay)

The automation-delay property specifies the delay of the animation. The delay is configured in seconds (s) or milliseconds (ms). Syntax: selector { ...

Animation iteration count property (animation-iteration-count)

An animation cycle runs only once by default, however with the animation-iteration-count property we can change this behavior.  Syntax: selector { ...

Animation direction property (animation-direction)

The animation-direction property controls whether the animation runs in reverse on some or all cycles.  Syntax: selector {    

Animation fill mode property (animation-fill-mode)

The animation-fill-mode property controls what styles will be applied to the element when automation cycle ends or is paused. The CSS usually does not affect the animated element until

Animation play state property (animation-play-state)

The animation-play-state property may specify when or if to pause an animation, freezing the element in its current state, and when to continue.  Syntax: selec...