Custom Properties and Animations
The dynamic layer of CSS: variables that cascade and resolve at runtime, and the transition/animation engine that moves things. Interviewers pair them because both are how you build theming and motion without JavaScript, and both carry real performance and accessibility consequences.
part ofCSSoverview, primer and where to startread it →on this pageshowhide
explore
- Custom Properties5 questions
- Transitions5 questions
- Keyframe Animations6 questions
- Transforms and Compositing5 questions
- Scroll-driven Animations5 questions
- prefers-reduced-motion and Accessible Motion5 questions
questions
page 2 of 2You own a design system whose components animate. How do you make reduced-motion support a structural guarantee rather than per-component discipline, and how do you let a user override the operating-system preference from inside the app?
level: principalimportance: nice to knowfreq 22%
basics
~20 sRoute every duration through a small set of motion custom properties gated once at the root, so components never write a raw duration and cannot forget the query. Layer an app-level override on top by keying the same properties off a root attribute, which outranks the media query on specificity.
showing 31–31 of 31