transition-timing-function 属性

transition-timing-function 属性规定过度效果的速度曲线。

值:linear:规定以相同速度开始至结束的过渡效果(等于 cubic-bezier(0,0,1,1))。

        ease(默认):规定慢速开始,然后变快,然后慢速结束的过渡效果(cubic-bezier(0.25,0.1,0.25,1))。

      ease-in:规定以慢速开始的过渡效果(等于 cubic-bezier(0.42,0,1,1))。

      ease-out:规定以慢速结束的过渡效果。

      ease-in-out:规定以慢速开始和结束的过渡效果(等于 cubic-bezier(0.42,0,0.58,1))。

cubic-bezier(n,n,n,n):在 cubic-bezier 函数中定义自己的值。可能的值是 0 至 1 之间的数值。

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

推荐阅读更多精彩内容

  • 2D、3D变形动画 transform:2D变形:复合属性 通过 CSS3 转换,我们能够对元素进行移动、缩放、转...
    Zd_silent阅读 427评论 0 0
  • border大法无敌 1.当文字超出时,如何显示... 2.white-space: pre //会保留输入过程中...
    swhzzz阅读 195评论 0 0
  • 转载请声明 原文链接 关注公众号获取更多资讯 这篇文章主要总结H5的一些新增的功能以及一些基础归纳,这里只是一个提...
    前端进阶之旅阅读 9,128评论 22 225
  • 《感恩 》 彼尚·安裘密 感恩绿树带来氧气,让我们能尽情呼吸 感恩河流带来水源,让我们健康无比 感恩国家感恩父母,...
    幸福花开奇迹汇阅读 2,489评论 0 0
  • 施图伯格原是德国的一位木材商,由于经营不善,施图伯格的公司濒临倒闭。而恰在这时,他储存木材的仓库又失了火,数十吨木...
    易水渐寒阅读 274评论 1 4