日常中，我们使用的动画来源有两个方面——
第一个，自己去定义。
通过@keyframes去定义即可，格式如下：
@keyframe animatename{
0%{
//这里面写初始的对象的css样式
}
100%｛
//这里写结束时候的css样式
｝
}
起始与结束之间可以写无数个中间css样式，格式保持一致，然后愉快的书写就可以了。当一个动画书写完毕之后，便可以调用执行了。执行方式是——
#aa{
//其他css
animation-name:"";名字
animation-duration:"";持续时间
基本上有着两个就可以初步执行了
}
2. 事实上，书写动画是非常麻烦和恶心的事情，不仅类，而且效果做出来还不一定好看，如果里面又写错了什么，那就是灾难。于是，我们可以使用第二种方法——使用animate.css。
这个css是开源的东西，到处都可以下载得到，将它下载下来之后便可以直接使用，快速，便捷，使用方法和上面的一模一样。