原文
这个 stack overflow 的问答表示 css animation 有时候可能会占用大量 cpu 性能,虽然 gif 体积大,但是可以明显降低对性能的消耗。
如果发现 css animation 消耗了大量 cpu 性能,导致风扇不停地转,可以考虑添加一个 css 样式 transform:translate3d(0,0,0),这样电脑会把 css animation 的计算分配给 gpu,还有人建议使用 transform: rotateZ(360deg)
transform:translate3d(0,0,0)
transform: rotateZ(360deg)