CSS3 Keyframes

用法：以@keyframes开头，后面跟上动画名加上一对花括号“{}”，括号中定义一些不同时间段的样式规则。

如：

@keyframes changecolor{
  0%{
   background: red;
  }
  100%{
    background: green;
  }
}

可以建立多个百分比的样式，其中0%和100%可以用from和to代替。

这个经常跟animation配合使用，即animation-name