Анимации должны усиливать UX, а не убивать performance.

5 паттернов, которые работают:

1. Fade + slide up on scroll — viewport once, не infinite 2. Hover lift — transform + box-shadow, не layout properties 3. Stagger children — для списков и grid 4. Parallax — только translateY, max 20px offset 5. Button press — scale 0.98 + shadow reduce

Правило: анимируй только transform и opacity. Никогда width, height, top, left.

prefers-reduced-motion — обязательно. Уважай пользователя.