css 动画系列 --1

CSS @keyframes（关键字动画）

随着新的浏览器的普及，越来来越多的浏览器都支持 CSS3

上面的例子，使用了from和to，from表示开始，to表示结束；我们也可以用0%表示开始，100%表示结束，不能超出这个范围，例如下面的代码:
```html
0%{
  left:0px;
}
50%{
left:50px;
}
100%{
left:100px;
}

除了位移还可以改变颜色,这个例子会在动画 0% 到 50% 时，背景从白色变为红色，文字从白色变成黑色（文字属性背景同时在 50% 呈现）

0%{ background:#fff; color:$fff; } 
50%{ background:#f00; }
50%{ color:#000; }