Raj*_*ian 6 css css3 hardware-acceleration css-transitions
这个重复的动画代码会减慢我的系统吗？:
@-webkit-keyframes animate {-webkit-animation-iteration-count:infinite;...}
所有CSS3属性都是CPU密集型的吗？
谢谢.
每个浏览器都有自己的CSS3实现,并且处理和呈现效果的方式也各不相同.一个浏览器会阻塞某些东西,而另一个浏览器可能不会.你最好只是谨慎:不要过度使用CSS3效果,一切都会好的.如果您真的关心性能,可以尝试使用旧笔记本电脑或其他东西来测试网站.如果它窒息 - 你可能夸大了渐变或其他东西.
正如我的一位程序员所说(关于C++应用程序,但它在这里完全适用):在你真正注意到它们之前不要担心性能问题:).
小智 6
避免使用框阴影和文本阴影。不要尝试对整个页面或主体元素进行动画处理，并使用translate3d、scale3d、rotate3d，因为它们是在计算机和移动设备上进行硬件加速的。如上所述，避免过度使用动画属性。然而，我怀疑一个甚至四个无限动画元素是否会减慢您的页面速度。
更新
谨防！浏览器现在正在放弃 3D 变换属性的硬件加速。现在和将来，您将不得不使用其他方法来优化您的应用程序。