闲谈CSS3动画
这篇讲的是CSS3动画从早期实现到现代性能优化的演进。作者从“animation”和“transition”属性的诞生开始，回顾了它们曾因流畅度问题而备受争议的阶段，接着深入剖析了问题的根源：传统的布局属性（如top、left）动画会触发昂贵的“重排”，导致掉帧。 文章的核心部分集中在性能优化的“金钥匙”上——`transform` 和 `opacity` 这两个属性。作者解释了为何它们能实现高性能动画，关键在于它们的渲染流程可以完全由GPU（合成器线程）处理，从而巧妙地避开了主线程的重排与重绘，让动画跑满60fps。文中通过对比表格和具体的性能数据，清晰地展示了优化前后的差异。 此外，文章也提供了实用的选择策略：在简单过渡或有限硬件性能的场景下，传统属性动画仍有其用武之地；但要追求丝滑复杂的交互动效，基于 `transform/opacity` 的方案则是更优解。如果你想写出丝滑又不卡顿的CSS动画，这篇文章从原理到实践都给出了清晰的路线。
