问答详情
源自:8-7 CSS3中的动画--过渡属性 transition-property

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

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

提问者:小霞子 2015-07-17 10:17

个回答

  • 我要SSR
    2017-04-10 08:46:39

    http://www.w3school.com.cn/cssref/pr_animation-timing-function.asp 希望这里能帮助你。

  • 游勇决
    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 规定以慢速开始和结束的过渡效果