# Keyframe Animations

A keyframe animation describes motion as a few key moments in a @keyframes rule and plays it with the animation property, so a spinner turns, a title slides in and a Start button pulses with no reader action needed.

![Cheat sheet: Keyframe Animations](https://fsdtrainingmedia.blob.core.windows.net/public/images/2026/10/ba634f2f332f4bb4b1c5829f1450407a.webp)

- Category: CSS
- Level: Journeyman
- Tags: Animation fill mode, Animation iteration count, Animation name, Compositing, CSS, Keyframe animation
- Updated: November 1, 2026

Source: https://www.ask-codey.com/cheat-sheets/css-keyframe-animations-cheat-sheet