我正在使用一些 PHP 和 JavaScript 创建一个简单的画廊，并试图在图像之间进行淡入淡出过渡。然后我想知道使用 CSS 动画是否有性能差异，例如:
@-webkit-keyframes fadeIn {
0% { opacity: 0; }
100% { opacity: 1; }
}
和一个 jQuery 淡入。
我想使用 fadeIn 的回调，但我猜我也可以只使用带有 CSS 的计时器。
这些中的任何一个是否可能更适合大图像？我看不出有什么不同，但想知道它是否会影响速度较慢的计算机。
最佳答案
一个可以回退到另一个怎么样？尽可能使用 CSS3 过渡，并使用 Modernizr 等功能检测库来确定用户的浏览器是否支持 CSS3 过渡。
如果且仅当用户的浏览器不支持 native 动画时，才应使用 jQuery。
原生动画是 GPU 加速的，因此对 CPU 的限制更少，动画更流畅。此外，它不需要 JAVASCRIPT，也不需要额外的请求来完成。
关于javascript - 使用 jQuery fadeIn 还是 CSS3 动画更好？，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/10863000/