# Animation

Animation: Keyframe Animations, Motion That Respects the Reader: prefers-reduced-motion.

Updated: November 10, 2026

1. [Keyframe Animations](https://www.ask-codey.com/lessons/css-keyframe-animations) (Journeyman): 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.
2. [Motion That Respects the Reader: prefers-reduced-motion](https://www.ask-codey.com/lessons/css-reduced-motion) (Journeyman): Motion can make some people dizzy or sick, so a prefers-reduced-motion media query stops the loops and calms the movement for every reader who asks for less, while keeping the motion that helps.

Source: https://www.ask-codey.com/courses/css-in-depth/topics/css-animation