JAPANESE
CSSアニメーション性能
シーエスエスアニメーションせいのう
KOREAN
CSS 애니메이션 성능
[シエスエス エニメイション ソンヌン]
ハングル読み: 시에스에스아니메숀세이노우
解説
CSSアニメーションの実装でGPU合成を活用し60fpsを維持する手法。transform/opacityの使用やwill-changeプロパティで最適化する。
CSS 애니메이션 구현에서 GPU 합성을 활용하여 60fps를 유지하는 기법. transform/opacity 사용이나 will-change 프로퍼티로 최적화한다.
例文
CSSアニメーション性能を上げるために、leftの変更をtranslateXに置き換えました。
CSS 애니메이션 성능을 올리기 위해 left 변경을 translateX로 교체했습니다.