课程
/前端开发
/HTML/CSS
/十天精通CSS3
过渡函数的ease-in 还有ease-out是什么意思？
2015-07-17
源自：十天精通CSS3 8-7
正在回答
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 规定以慢速开始和结束的过渡效果
zhongkeyuan
龙猫爱学习
qq_Believer_9 回复 龙猫爱学习
举报
本课程为CSS3入门教程，深刻详解CSS3知识让网页穿上绚丽装备
2 回答ease/ease-in/ease-out
1 回答ease和ease-out的区别
2 回答transition: background-color 0.8s ease-in 0.3,border-radius 1.6s ease-out 3.5; 没有效果
2 回答5s ease-out .2s;
4 回答all .5s ease-in .2s 为什么不能写成 all 0.5s ease-in 0.2s
