CSS · Motion and transforms

animation

Shorthand for animating keyframes: name, duration, timing, delay, iteration and direction.

cssRunnable example css course

Syntax

animation: name 1s ease infinite

Example

Try it

.demo { animation: pulse 1.4s ease-in-out infinite; } @keyframes pulse { 50% { opacity: 0.45; } }

Reference pages are the quick answer. The course explains the why, shows the full example and ends with a challenge.