@keyframes

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

  1. @keyframes change {
  2. from {
  3. background-color: hsl(60deg, 100%, 70%);
  4. }
  5. 50%{
  6. background-color: hsl(120deg, 100%, 50%);
  7. }
  8. to {
  9. background-color: hsl(240deg, 100%, 70%);
  10. }
  11. }

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