CSS 动画卡顿的元凶：从合成层到 will-change 的实战排查

页面里的一个侧边栏抽屉动画在低端安卓机上掉帧严重，用 Chrome DevTools 的 Performance 面板录制后看到大量紫色条（Rendering）和绿色条（Painting），而动画本身只改了 transform: translateX()。按理说 transform 动画应该跑在合成线程上，不该触发重绘。排查后发现是抽屉内部的 box-shadow 和 border-radius