elite-css-animations

SKILL.md

| 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 | ✓ | ✓ | ✓ | ✓ |

スクロール駆動アニメーション API、ビュー トランジション、@property ルール、視覚効果などの CSS ネイティブ アニメーション技術。 CSS アニメーション、スクロール駆動アニメーション、CSS スクロール タイムライン、ビュー トランジション、ページ トランジション、@プロパティ、CSS 変数のアニメーション、クリップパス アニメーション、背景フィルター、ミックス ブレンド モード、CSS マスク、CSS のみのアニメーション、JavaScript を使用しないアニメーション、または GSAP が必要ない/望ましくない場合に使用します。 CSS と GSAP の決定ガイドが含まれています。 ソース: rshvr/elite-web-design。

原文を見る