elite-css-animations

| Scroll-Driven API | scroll-driven-api.md | | View Transitions | view-transitions.md | | @property Rule | property-rule.md | | Visual Effects | visual-effects.md |

| Feature | Chrome | Firefox | Safari | Edge |

| Scroll-Driven Animations | ✓ 115+ | ✓ 132+ | ✗ (polyfill) | ✓ 115+ | | View Transitions | ✓ 111+ | ✗ | ✓ 18+ | ✓ 111+ | | @property | ✓ 85+ | ✓ 128+ | ✓ 15.4+ | ✓ 85+ | | clip-path animations | ✓ | ✓ | ✓ | ✓ | | backdrop-filter | ✓ | ✓ | ✓ | ✓ |

Собственные методы анимации CSS, включая API анимации с прокруткой, переходы между представлениями, правило @property и визуальные эффекты. Используйте, когда вас спрашивают о: анимации CSS, анимации, управляемой прокруткой, временной шкале CSS, переходах просмотра, переходах страниц, @property, анимации переменных CSS, анимации клип-пути, фоновом фильтре, режиме смешивания-наложения, масках CSS, анимации только с помощью CSS, анимации без JavaScript или когда GSAP не требуется/нежелателен. Включает руководство по принятию решений для CSS и GSAP. Источник: rshvr/elite-web-design.