CSS3 animation属性

动画属性Animation
定义和用法

animation 属性是一个简写属性,用于设置六个动画属性:

  • animation-name
  • animation-duration
  • animation-timing-function
  • animation-delay
  • animation-iteration-count
  • animation-direction
属性 描述 CSS
@keyframes 规定动画 3
animation 所有动画属性的简写属性除了 animation-play-state 属性 3
animation-name 规定@keyframes动画的名称 3
animation-duration 规定动画完成一个周期所花费的秒或毫秒 3
animation-timing-funcation 规定动画的速度曲线 3
animation-delay 规定动画何时开始 3
animation-iteration-count 规定动画播放的次数 3
animation-direction 规定动画在下一周期是否逆向播放 3
animation-play-state 规定动画是否正在运行或暂停
animation-fill-mode 规定动画对象时间之外的状态 3
最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • css3新增了一个好玩的属性:animation,虽然用它做出来的动画并没有多么炫酷流畅,但是它减少了代码量并且在...
    sakatayui酱阅读 10,358评论 0 2
  • 今天说一说 CSS3 标准的动画属性: 本文是基于w3cschool在线教程的官网完成的。先贴出官网上给出的实例代...
    一座被占用阅读 415评论 0 1
  • 选择qi:是表达式 标签选择器 类选择器 属性选择器 继承属性: color,font,text-align,li...
    love2013阅读 2,343评论 0 11
  • 选择qi:是表达式 标签选择器 类选择器 属性选择器 继承属性: color,font,text-align,li...
    wzhiq896阅读 1,810评论 0 2
  • 在CSS3中,有一个新的属性可以用来做一些简单的动画效果,这就是animation,中文意思就是动画。 一、首先我...
    大春春阅读 3,339评论 1 9