动画

2017-09-24  本文已影响0人  爆米花0104

[animation-name]:@keyframes:帧

检索或设置对象所应用的动画名称

[animation-duration]:

检索或设置对象动画的持续时间

[animation-timing-function]:

检索或设置对象动画的过渡类型

[animation-delay]:

检索或设置对象动画延迟的时间

[animation-iteration-count]:

检索或设置对象动画的循环次数

[animation-direction]:

检索或设置对象动画在循环中是否反向运动

[animation-play-state]:

检索或设置对象动画的状态。w3c正考虑是否将该属性移除,因为动画的状态可以通过其它的方式实现,比如重设样式

animation-iteration-count:infinite |[ , infinite |]*  循环次数

infinite:

无限循环


animation-fill-modenone | forwards | backwards | both [ , none | forwards | backwards | both ]*

backwards:在延迟时间里停在第一帧的效果上

forwards:动画结束后一直停在最后一帧的效果上

both:

上一篇下一篇

猜你喜欢

热点阅读