1
すごい🤩
CSSの @scroll-timelineを使って、CSSだけでパララックス効果+スクロール位置連動エフェクトが作れた💐
JSのIntersection Observerはスクロール位置に応じた演出は難しいし、scrollイベントは面倒だった。
デモ
tonkotsuboy.github.io/css-scroll-tim…
※ ChromeでフラグをONに
#Chrome #CSS
2
Chrome最新版DevToolで使えるようになった「Recorder」機能が超便利💐
入力、クリック、スクロールなどのユーザー操作をビデオでレコーディングでき、後から再生できる。
キャプチャーは猫画像を探したときの記録。
操作手順の共有に使えそう😊
⌘⇧P(Ctrl Shift P)→「Show Recorder」
#Chrome
3