何かをフェードインまたはフェードアウトするのは簡単です。残念ながら、それはできません。ウェブをアニメーション化する際のさまざまな問題点とその回避方法について、Jake と Surma が語ります。
- CSS 遷移を利用する → https://goo.gle/2TXTUCB
- CSS アニメーションを使う → https://goo.gle/3et8gEq
- ウェブ アニメーション API → https://goo.gle/3mXbV0C
- getAnimations → https://goo.gle/3oXMLk4
- commitStyles → https://goo.gle/38d6PsN
- イベント リスナーとガベージ コレクション → https://goo.gle/32c4TNd
- 仕様に関するディスカッション → https://goo.gle/3k1zbIE
- 最後の animateTo 関数 → https://goo.gle/363WVHn
JavaScript アニメーション ライブラリ:
- jQuery → https://goo.gle/34XEowU
- Greensock → https://greensock.com/
- AnimeJS → https://animejs.com/
- ジェイクが作った古いライブラリ(使用しないでください)→ https://goo.gle/34ZFGaU
その他の動画 → https://goo.gle/2wneQLl
Google Chrome デベロッパーの登録はこちらから → https://goo.gle/ChromeDevs
よろしければ、HTTP203 ポッドキャストもおすすめです。→ https://goo.gle/2y0I5Uo