过渡函数的ease-in 还有ease-out是什么意思

来源:8-7 CSS3中的动画--过渡属性 transition-property

小霞子

2015-07-17 10:17

过渡函数的ease-in 还有ease-out是什么意思?

写回答 关注

7回答

  • 我要SSR
    2017-04-10 08:46:39
  • 游勇决
    2016-09-29 22:36:10

    http://img.mukewang.com/57ed26c20001487506250174.jpg

    如图所示

  • 游勇决
    2016-09-29 22:32:20

    ease 是又慢到快再到慢

    ease-in-out  是从头到尾都是慢的

    ease-in    是开始是慢的

    ease-out  是结束是慢的

  • 45_洋
    2016-07-24 19:21:36

    in慢 out快    in-out先慢后快,我弄了个三个盒子去测试的!

  • justincliven
    2016-06-06 10:31:37

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

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

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

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


  • 龙猫爱学习
    2016-04-19 20:46:29

    那ease和ease-in-out的区别是什么呢?我觉得这两好像重复了啊。

  • 小霞子
    2015-07-17 10:36:08

    ease 规定慢速开始,然后变快,然后慢速结束的过渡效果;   ease-in 规定以慢速开始的过渡效果;   ease-out 规定以慢速结束的过渡效果;   ease-in-out 规定以慢速开始和结束的过渡效果

    qq_Bel... 回复龙猫爱学习

    ease说了是以慢速开始快速结束,ease-in-out就是慢速开始过程快速结束慢速

    2018-06-15 10:04:45

    共 4 条回复 >

十天精通CSS3

本课程为CSS3入门教程,深刻详解CSS3知识让网页穿上绚丽装备

242553 学习 · 2623 问题

查看课程

相似问题