直接修改animation-name不会重播动画，必须通过强制重排（如设置animation:none+offsetWidth+恢复）或WebAnimationsAPI的cancel()后重新animate()来实现真正重播。

动画中元素位置偏移、透明度不同步的根本原因是混用重排属性（如margin/top）与合成层属性（opacity/transform）；必须统一使用transform替代布局属性，并保持transform声明完整，才能确保GPU加速与帧同步。

用对transition但元素没动，需检查三件事：目标属性是否可过渡（如opacity、transform可，display不可）；初始态与终态是否均有明确值；状态变化是否由:hover、JS等有效触发。

妖精动漫官网入口为https://www.yaojingdm.com，采用下拉式导航设计，具备多级分类筛选、实时更新标识、快速响应动画等交互特点。

transform和opacity动画更流畅，因其由合成器线程处理，不触发重排重绘，仅合成；其他属性如width、left等需主线程计算样式与布局，易掉帧。

应优先用transform:scale()而非width/height做动画，因其不触发重排、仅重绘或合成，性能更优；但需注意缩放原点、布局占位、子元素放大、响应式基准及事件热区等限制。