beginnertermMotion and interactionMotion and interaction / Keyframe animation
BeginnerNot yet reviewed

Keyframe animation

Keyframe animations use @keyframes to describe the steps of an animation, which can repeat and run on their own.

Definition

Keyframe animations use @keyframes to describe the steps of an animation, which can repeat and run on their own.

Use case

Spinners, pulsing indicators and skeleton shimmer use keyframes. Reach for them when something must move without a trigger.

Related terms

Documentation

CSS animations

MDN · Docs

Covers keyframes, duration, repeat and fill behavior.

Suggest a change