过渡函数的ease-in 还有ease-out是什么意思?
http://www.w3school.com.cn/cssref/pr_animation-timing-function.asp 希望这里能帮助你。
如图所示
ease 是又慢到快再到慢
ease-in-out 是从头到尾都是慢的
ease-in 是开始是慢的
ease-out 是结束是慢的
in慢 out快 in-out先慢后快,我弄了个三个盒子去测试的!
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))。
那ease和ease-in-out的区别是什么呢?我觉得这两好像重复了啊。
ease 规定慢速开始,然后变快,然后慢速结束的过渡效果; ease-in 规定以慢速开始的过渡效果; ease-out 规定以慢速结束的过渡效果; ease-in-out 规定以慢速开始和结束的过渡效果