課程
/前端開發(fā)
/HTML/CSS
/十天精通CSS3
過渡函數(shù)的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 ?是結(jié)束是慢的
in慢 out快 ? ?in-out先慢后快，我弄了個三個盒子去測試的！
ease ? ?規(guī)定慢速開始，然后變快，然后慢速結(jié)束的過渡效果（cubic-bezier(0.25,0.1,0.25,1)）。 ? ?
ease-in ? ?規(guī)定以慢速開始的過渡效果（等于 cubic-bezier(0.42,0,1,1)）。 ? ?
ease-out ? ?規(guī)定以慢速結(jié)束的過渡效果（等于 cubic-bezier(0,0,0.58,1)）。 ? ?
ease-in-out ? ?規(guī)定以慢速開始和結(jié)束的過渡效果（等于 cubic-bezier(0.42,0,0.58,1)）。 ? ?
那ease和ease-in-out的區(qū)別是什么呢？我覺得這兩好像重復了啊。
ease 規(guī)定慢速開始，然后變快，然后慢速結(jié)束的過渡效果;?? ease-in 規(guī)定以慢速開始的過渡效果;?? ease-out 規(guī)定以慢速結(jié)束的過渡效果;?? ease-in-out 規(guī)定以慢速開始和結(jié)束的過渡效果
zhongkeyuan
龍貓愛學習
qq_Believer_9 回復 龍貓愛學習
舉報
本課程為CSS3入門教程，深刻詳解CSS3知識讓網(wǎng)頁穿上絢麗裝備
2 回答ease/ease-in/ease-out
1 回答ease和ease-out的區(qū)別
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
Copyright ? 2025 imooc.com All Rights Reserved | 京ICP備12003892號-11 京公網(wǎng)安備11010802030151號
購課補貼聯(lián)系客服咨詢優(yōu)惠詳情
慕課網(wǎng)APP您的移動學習伙伴
掃描二維碼關(guān)注慕課網(wǎng)微信公眾號
2017-04-10
http://www.w3school.com.cn/cssref/pr_animation-timing-function.asp 希望這里能幫助你。
2016-09-29
如圖所示
2016-09-29
ease 是又慢到快再到慢
ease-in-out ?是從頭到尾都是慢的
ease-in ? ?是開始是慢的
ease-out ?是結(jié)束是慢的
2016-07-24
in慢 out快 ? ?in-out先慢后快，我弄了個三個盒子去測試的！
2016-06-06
ease ? ?規(guī)定慢速開始，然后變快，然后慢速結(jié)束的過渡效果（cubic-bezier(0.25,0.1,0.25,1)）。 ? ?
ease-in ? ?規(guī)定以慢速開始的過渡效果（等于 cubic-bezier(0.42,0,1,1)）。 ? ?
ease-out ? ?規(guī)定以慢速結(jié)束的過渡效果（等于 cubic-bezier(0,0,0.58,1)）。 ? ?
ease-in-out ? ?規(guī)定以慢速開始和結(jié)束的過渡效果（等于 cubic-bezier(0.42,0,0.58,1)）。 ? ?
2016-04-19
那ease和ease-in-out的區(qū)別是什么呢？我覺得這兩好像重復了啊。
2015-07-17
ease 規(guī)定慢速開始，然后變快，然后慢速結(jié)束的過渡效果;?? ease-in 規(guī)定以慢速開始的過渡效果;?? ease-out 規(guī)定以慢速結(jié)束的過渡效果;?? ease-in-out 規(guī)定以慢速開始和結(jié)束的過渡效果