求教关于 transform：rotate 在 safari 中卡顿的问题

Question

我在使用 animation 做图片旋转的时候出现 旋转动画卡顿的问题

@keyframe spin {
    from {
      transform: rotate(0deg)
    }
    to {
      transform: rotate(360deg)
    }
}

Answer 1

启用GPU来渲染动画

@keyframe spin {
    from {
      transform: translate3D(0) rotate(0deg)
    }
    to {
      transform: translate3D(0) rotate(360deg)
    }
}