AI 摘要：本文介绍了 CSS 的新特性 @starting-style，它允许使用 transition 实现入场动画，但作者指出该特性存在严重的 specificity（优先级）陷阱，使得动画常常无法按预期运行。作者对比了 @starting-style 与传统的 keyframes，分析了具体问题案例，并提出三类解决方案：使用 !important、借助 CSS custom properties（变量）、退回到 keyframes。整体结论是：虽然 @starting-style 看似简化了写法，但 keyframe 动画依然更稳定、通用且易于维护。

Joshwcomeau

The Big Gotcha With @starting-style • Josh W. Comeau

CSS has been on fire lately, with tons of great new features. @starting-style is an interesting one; it allows us to use CSS transitions for enter animations, something previously reserved for CSS keyframe animations. But is the juice worth the squeeze?