CSSに新機能！スクロールに連動してスタイルを変化「Scroll-driven Animations（スクロールドリブンアニメーションズ）」

[@ラブスヌーピー-s9c]

いつもさんこうになってます。

[@hirocode]

こちらこそ動画見てくださってありがとうございます🙇❗️

[@NnN-si4lg]

JavaScriptでもIntersectionObserverってのが出てきてるし色々進化してるなぁ。

[@hirocode]

まさに！要素監視する概念もIntersection Observerと同じですね😆❗️

[@catpolice2000]

新しい機能もわくわくしますが、まだ駆け出しなので色んな動きとか作り方を見せてもらえるのは引き出しが増えてとてもありがたいです！
ヒロさんが簡単だと思われている小技なんかも色々知りたいと思いました

[@hirocode]

こちらこそありがとうございます☺️♪ご意見参考に動画制作に活かせるように頑張ります😆❗️

[@Pyonsuke]

JSが無効にされてもアニメーションが使えるってことだ
感覚掴めばCSSで書けるのは便利そう

[@hirocode]

そうですね❗️アニメーション含めCSSで完結できたらかなり便利になりそうです😆❗️

[@まさちのかすみ]

前ちらっと記事見た時、おおー！と思いましたが、こうやってデモ見るとめちゃくちゃステキですね！
今まではこれ実装するの大変そー、、ってなってたのがさらっと書けるの楽しみすぎます♡
flexやgrid並に奥が深そうですが両者がそうであったように絶対主流になる革命的なやつでしょうから、しっかりキャッチアップしたいですね！

[@hirocode]

まさに！おっしゃる通り革命的な機能ですよね❗️未だに:hasが実装されないFirefoxに不安はありますが早く全ブラウザで対応して欲しい限りです！

[@はまち-b9h]

他ブラウザで実装されたら使いたい！

[@hirocode]

他ブラウザ待ち遠しいですね😆❗️

[@user-fr5jkh36d]

こういうアニメーションって結局JavaScriptか CSSで作るのどっちがいいんですかね？

[@hirocode]

コメントありがとうございます☺️♪JS側で全スタイル書いていくのはなかなか難しそうですし、プロパティの複雑さにもよりそうですが、CSSにまとめられたらその方が管理しやすそうな気はします😆❗️

[@user-xc8je]

animation-timeline?だかも出てきてますしねぇ…