在日常开发中，CSS 实现动画的方式主要有 Transition 动画、Animation 动画 或者 JS 来创建动画。对于 Animation 动画，我们可以通过设置关键帧来定义初始状态，但是 Transition 动画需要执行一个动作，比如 hover、类名切换等才能触发动画。
CSS Transition 默认不会在元素的初始样式更新时触发，也不会在元素的 display: none 变为其他值时触发。要启用第一样式转换，就需要 @starting-style 规则。它们为没有先前状态的元素提供了起始样式，定义了过渡的属性值。
在本文中，我们将介绍 CSS @starting-style 的概念、应用场景以及如何使用它们。
