#opacity

CSS 动画与合成器提升：为什么 transform 和 opacity 动画不触发重排

本文以首屏轮播图为例，解释浏览器如何将 transform 和 opacity 动画提升到合成器线程，避免主线程的布局与绘制。通过对比修改 width/left 与 transform 的渲染路径，说明合成层的创建条件、层爆炸风险及性能影响，帮助前端开发者做出合理的动画性能优化决策。