A-A+

CSS3动画之animation

2016年04月16日 HTML/CSS 暂无评论

 
 

CSS3动画属性

CSS3动画属性


animation-name 属性为 @keyframes 动画规定名称,这个名称前后要一致。
 
可简写如:animation: myfirst 5s linear 2s infinite alternate;
注意事项:
百分比为0的时候不可少“%”符号。
对于@keyframes的支持,不同浏览器的前缀位置。例子:@-o-keyframes 。
@keyframes中的帧顺序是根据百分比值来确定的,与声明并无关。
动画中设置的属性不会产生叠加效果。
例子:
JS Bin on jsbin.com
参考资料:
http://www.w3school.com.cn/css3/css3_animation.asp;
《图解CSS3》
 

标签:

给我留言

豫ICP备18009584号-1 Copyright © 花未全开月未圆 保留所有权利.   Theme  Ality 豫ICP备18009584号-1

用户登录

分享到: