Visuals, Effects & Animation

No questions match those filters.

1. 1 What's the difference between `transition` and `animation`, and when do you use each? Easy
2. 2 Which CSS properties are cheap to animate, and why do `transform` and `opacity` avoid layout/paint? Medium
3. 3 How do `transform`, `translate`, `scale`, and `rotate` compose, and why prefer `transform` over `top/left`? Medium
4. 4 What's the difference between `visibility: hidden`, `display: none`, and `opacity: 0` for accessibility and layout? Medium
5. 5 How do you respect users who set `prefers-reduced-motion`? Medium
6. 6 What causes a 'flash of unstyled content' and how do you mitigate it? Medium
7. 7 How would you build a smooth 60fps animation and how do you debug jank in DevTools? Hard