优化重型 CSS 动画的性能

Question

在实现大量 CSS 动画（尤其是在移动设备上）时，优化性能的最佳实践是什么？

是否有替代技术或库可以帮助提高性能？

我刚刚开始一个新项目，其中需要使用大量的级联动画。

Answer 1

您可以通过多种方式做到这一点，您也可以采取多种方法。

但我想说尝试优化动画的性能，尤其是在较小的设备上，您必须考虑很多因素。我还发现通过最小化元素数量和极其复杂的效果来简化动画也有帮助。

尝试使用

transform

和

opacity

等动画属性以获得流畅的性能。我想我想说的最后一件事是尝试压缩 CSS 文件以减少延迟，因为这样做可以缩短浏览器的加载时间并使自己的体验更加流畅。

希望有帮助:)