animation アニメーション web
Web WWW
における
Animation アニメーション
rendering pipeline レンダリングパイプライン
Scripting Web
Style Rendering
Element DOM
適用されるスタイルを計算
Layout Web
各
Element DOM
の
Geometry ジオメトリ
と
position
を生成
Paint ペイント Rendering
各
Element DOM
の
画素 Pixel
を
レイヤー layer
に入力
Composite コンポジット Rendering
:
Screen
に
レイヤー layer
を描画
https://web.dev/animations-overview/#pipeline
学習リンク
Animations
Using CSS animations - CSS: Cascading Style Sheets | MDN
https://www.freecodecamp.org/news/web-animation-performance-fundamentals/
初心者向けでわかりやすい