动画

[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:

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • transition过度 指定进行过度的css属性 默认值:all none: 不指定过渡的css属性 all: ...
    angelwgh阅读 2,755评论 0 0
  • 看了很多视频、文章,最后却通通忘记了,别人的知识依旧是别人的,自己却什么都没获得。此系列文章旨在加深自己的印象,因...
    DCbryant阅读 5,847评论 0 4
  • 方块“Z”字形运动 要求:5s钟循环五次;每次的执行时间为2s;每一次执行到底部后反方向执行;最后停留在最后一帧 ...
    栀子花wish阅读 4,680评论 0 0
  • 过渡 transition-property:none | all | propertytransition-du...
    greenteaObject阅读 1,839评论 0 6
  • 发现这个时候,家里的长辈在田地里收花生,说起花生,估计大家都清楚,花生也被称为地果、番果、地豆、落地松、落花参、土...
    尧记酱道养生阅读 3,851评论 0 1