Animation
Animation: Keyframe Animations, Motion That Respects the Reader: prefers-reduced-motion.
Updated
- 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.
- Motion That Respects the Reader: prefers-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.