动画——animation

Posted 2020-07-27 起个好名字

　　日常中，我们使用的动画来源有两个方面——

     第一个，自己去定义。

　　通过@keyframes去定义即可，格式如下：

@keyframe animatename{

　　　　0%{

　　　　//这里面写初始的对象的css样式

　　}

　　　　100%｛

　　　　　//这里写结束时候的css样式

　　｝

}

 

　　起始与结束之间可以写无数个中间css样式，格式保持一致，然后愉快的书写就可以了。当一个动画书写完毕之后，便可以调用执行了。执行方式是——

#aa{

//其他css

animation-name:"";名字

animation-duration:"";持续时间

基本上有着两个就可以初步执行了

}

 

　　2. 事实上，书写动画是非常麻烦和恶心的事情，不仅类，而且效果做出来还不一定好看，如果里面又写错了什么，那就是灾难。于是，我们可以使用第二种方法——使用animate.css。

     这个css是开源的东西，到处都可以下载得到，将它下载下来之后便可以直接使用，快速，便捷，使用方法和上面的一模一样。