#CSS

CSS だけのスクロールアニメーション、デザイナーはどう指定する？ 範囲・対象・量で渡す指定書の作り方

CSS のスクロール連動アニメーションは、Firefox 159 の対応で Chrome・Edge・Safari とそろい、Baseline Newly available になりました。動きを「物差し・範囲・対象・量」で指定し、動きを減らす設定とあわせてエンジニアに渡す方法を、指定書のひな形と CSS の例でまとめます。

#デザイナー向け #CSS #スクロールアニメーション #Scroll-driven Animations #アクセシビリティ