css3里面动画有没有用过？动画的属性有哪些？具体是什么
CSS3 动画属性
下面的表格列出了 @keyframes 规则和所有动画属性：
@keyframes 规定动画。
animation 所有动画属性的简写属性，除了 animation-play-state 属性。
animation-name 规定 @keyframes 动画的名称。
animation-duration 规定动画完成一个周期所花费的秒或毫秒。默认是 0。 3
animation-timing-function 规定动画的速度曲线。默认是 "ease"。 3
animation-delay 规定动画何时开始。默认是 0。 3
animation-iteration-count 规定动画被播放的次数。默认是 1。
animation-direction 规定动画是否在下一周期逆向地播放。默认是 "normal"。
animation-play-state 规定动画是否正在运行或暂停。默认是 "running"。
animation-fill-mode 规定对象动画时间之外的状态。
下面的两个例子设置了所有动画属性：
实例
运行名为 myfirst 的动画，其中设置了所有动画属性：
div
{
animation-name: myfirst;
animation-duration: 5s;
animation-timing-function: linear;
animation-delay: 2s;
animation-iteration-count: infinite;
animation-direction: alternate;
animation-play-state: running;
/* Firefox: */
-moz-animation-name: myfirst;
-moz-animation-duration: 5s;
-moz-animation-timing-function: linear;
-moz-animation-delay: 2s;
-moz-animation-iteration-count: infinite;
-moz-animation-direction: alternate;
-moz-animation-play-state: running;
/* Safari 和 Chrome: */
-webkit-animation-name: myfirst;
-webkit-animation-duration: 5s;
-webkit-animation-timing-function: linear;
-webkit-animation-delay: 2s;
-webkit-animation-iteration-count: infinite;
-webkit-animation-direction: alternate;
-webkit-animation-play-state: running;
/* Opera: */
-o-animation-name: myfirst;
-o-animation-duration: 5s;
-o-animation-timing-function: linear;
-o-animation-delay: 2s;
-o-animation-iteration-count: infinite;
-o-animation-direction: alternate;
-o-animation-play-state: running;
}
使用css3动画属性实现动画的步骤是什么
CSS3的动画的优点：1.在性能上会稍微好一些，浏览器会对CSS3的动画做一些优化（比如专门新建一个图层用来跑动画）2.代码相对简单但其缺点也很明显：1.在动画控制上不够灵活2.兼容性不好3.部分动画功能无法实现（如滚动动画，视差滚动等）JavaScript的动画正好弥补了这两个缺点，控制能力很强，可以单帧的控制、变换，同时写得好完全可以兼容IE6，并且功能强大。但想想CSS动画的transform矩阵是C级的计算，必然要比javascript级的计算要快。另外对库的依赖也是一个很让人头疼的问题。所以，对于一些复杂控制的动画，使用javascript会比较靠谱。而在实现一些小的交互动效的时候，就多考虑考虑CSS吧。
CSS3 animation动画，循环间的延时执行该怎么弄
1、@keyframes规则。from{属性：值;} to{属性：值;}。2、0%{属性：值;} 100%{属性：值;}0% 是动画的开始，100% 是动画的完成。可以在二者之间加入25%，50%等。3、将动画绑定到选择器：在样式中，设置动画属性animation，自定义动画名称和时长。4、规定动画开始时的等待时间：animation-delay：时间；可以为秒、毫秒2s，2ms。5、播放次数：animation-iteration-count：次数；永久播放的值取infinite。6、动画速度曲线：animation-timing-function：变化类型；变化类型有：linear 匀速；ease-in 开始慢；ease-out 结束慢；ease 动画有一个缓慢的开始，然后快，结束慢。扩展资料animation 属性是一个简写属性，用于设置六个动画属性：1、animation-name规定需要绑定到选择器的 keyframe 名称。2、animation-duration规定完成动画所花费的时间，以秒或毫秒计。3、animation-timing-function规定动画的速度曲线。4、animation-delay规定在动画开始之前的延迟。5、animation-iteration-count规定动画应该播放的次数。6、animation-direction规定是否应该轮流反向播放动画。注释：请始终规定 animation-duration 属性，否则时长为 0，就不会播放动画了。
