@keyframes

语义定义动画的关键帧
例子

@keyframes change {
  from {
    background-color: hsl(60deg, 100%, 70%);
  }
  50%{
    background-color: hsl(120deg, 100%, 50%);
  }
  to {   
    background-color: hsl(240deg, 100%, 70%);
  }
}

关键点如果有两个帧有相同的百分比，里面的声明将采用级联。