CSS 动画优化


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