animation (CSS3)

The animation CSS property is a shorthand property for animation-name , animation-duration , animation-timing-function , animation-delay , animation-iteration-count and animation-direction .

Syntax

animation: name duration timing-function delay iteration-count direction;

Examples having uses of: 'animation'

3 votes
14k views

CSS Animation

CSS3 animations make it possible to animate transitions from one CSS style configuration to another. Animations consist of two components: A style describing the animation and a set of keyframes that indicate the start and end states of the animation's CSS style, as well as possible intermediate waypoints along the way.
2 votes
6k views

CSS Animation Loop

This allows us to animated the element movement infinitly.
1 votes
2k views

CSS Animation Move

This allows us to move the animated element to move from one place to another.
0 votes
1k views

CSS Animation with time frames

This animation allows to add time to animation effect.