1、border动画
2、闪动动画（一闪一闪亮晶晶，满天都是小星星）
.blink {
animation: mymove 0.8s infinite;
-webkit-animation: mymove 0.8s infinite; /*Safari and Chrome*/
}
@keyframes mymove {
from {
background: green;
}
to {
background: #eee;
}
}
@-webkit-keyframes mymove /*Safari and Chrome*/
{
from {
background: #eee;
}
to {
background: green;
}
}
代码解读
0.8秒执行一次，背景色一会为#eee,一会为green,永不停止。
3、silder动画
4、进度条的动画
5、正在加载的动画
6、旗帜在天空飘动的动画
7、背景图是交叉图形的动画规则