Css3--动画

 这个是在<style></style>中定义使用的

 

 

注意这个持续时间是动画运行一次的时间；

改变任意多的样式任意多的次数体现在：

这个百分比是各个时间段的各个状态的意思

接下来是各个动画属性:

  这个是有简写形式的：如：

.come{

      /*animation: name duration timing-function delay iteration-count direction fill-mode;*/

 

}

当要使用come这个动画类的时候直接给盒子加上class="come";

其中steps(）还是非常用的，他可以做出逐步展示的效果，如画卷展示，字体像打印机逐个打上的效果

 

补充放背景图片的知识：

如果我们用div里面用了background:url(),那么这个div可以看做一个画框，里面的图片大小是通过background-size来调节的

 《接下来是js中对animation的操作》

https://blog.csdn.net/thirteen_king13/article/details/117740217