Trails > Design > CSS Animation

CSS Animation

Learn how to make complex animations using only CSS

Exercises

Keyframes

Create complex animations

Animation-iteration-count

Control how many times the animation should play

Animation-timing-function

Specify the speed curve of a animation

Animation-delay

Specify the start time of your animation

Animation-direction

Control whether the animation plays forwards or backwards

Animation-play-state

Specify whether an animation is playing or paused.

Animation-fill-mode

Control the state of the animation when the animation is not running.