好久不见，想我了没 😇 今天谈谈at-rule里面的@starting-style，估且就叫它起始样式吧！ 
对于一些页面动画，从某一个状态过渡到另一种状态，我们通常是使用 transform 配合 帧动画来完成。但是对于像从 display:none 过渡到 display：block 时，transform 并不能胜任。我们会通过一些其它方式来达到相同目的。 
现在，我们有了 @starting-style，我们就可以很轻松的完成这项任务。它允许我们自定义元素样式，就像它们首次渲染在DOM中一样。 
其用法有两种形式： 
1）作为独立块 
@starting-style {
  // 你的规则集
}

2）嵌套 
selector {
  // 其他样式
  @starting-style {
    // 定义起始样式
  }
}


⚠ 当使用嵌套方式时，需要注意：它不适用于伪元素...