概述`@starting-style` 为过渡提供初始状态,减少首次渲染突变导致的闪烁与布局抖动。实践示例.card { opacity: 1; transform: none; transition: opacity .2s ease, transform .2s ease } @starting-style { .card { opacity: 0; transform: translateY(8px) } } 验证方法通过 Performance/Rendering 面板观察首次绘制差异;对比 `LCP/CLS` 与视觉稳定性。注意事项与 View Transitions 搭配时避免双重过渡;确保样式加载顺序稳定。

发表评论 取消回复