css 动画属性

关键属性:transition--------让块变化的时候有过渡,而不是瞬间改变
transition-property:all;-------------填写可以过渡的属性
transition-duration:5s;-------------动画持续时间

transition-timing-function:---过渡动画的时间函数,一般有4种值(可以理解为前面快,后面慢等效果)
值:ease-in
ease-out
ease-in-out
三次贝赛尔曲线cubic-bezier(0, 0.1 ,0.2 ,0.3)-----这个要进入页面去调试

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

推荐阅读更多精彩内容

  • W3C标准中对css3的transition这是样描述的:“css的transition允许css的属性值在一定的...
    青春前行阅读 1,474评论 0 5
  • 选择qi:是表达式 标签选择器 类选择器 属性选择器 继承属性: color,font,text-align,li...
    love2013阅读 2,357评论 0 11
  • 选择qi:是表达式 标签选择器 类选择器 属性选择器 继承属性: color,font,text-align,li...
    wzhiq896阅读 1,834评论 0 2
  • 看了很多视频、文章,最后却通通忘记了,别人的知识依旧是别人的,自己却什么都没获得。此系列文章旨在加深自己的印象,因...
    DCbryant阅读 1,906评论 0 4
  • 2D、3D变形动画 transform:2D变形:复合属性 通过 CSS3 转换,我们能够对元素进行移动、缩放、转...
    Zd_silent阅读 427评论 0 0