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

 

标签: