CSS 动画优化

Tags
css
Created
Dec 29, 2016 4:23 AM
  • 只允许改变 transform、opacity，其它属性不要动，避免重新计算布局（reflow）
  • 对动画元素应用 transform: translate3d(0, 0, 0)、will-change: transform等，开启硬件加速
  • 动画元素尽量用 fixed、absolute 定位方式，避免 reflow
  • 对动画元素应用高一点的 z-index，减少复合层数量
SuperMade with Super