課程
/前端開發(fā)
/HTML/CSS
/十天精通CSS3
把transition-delay的值改到比transition-duration大的話,看不到動(dòng)畫效果,把transition-delay的值改小并沒有看到具體效果
2016-12-25
源自:十天精通CSS3 8-7
正在回答
transition-delay是延遲時(shí)間,transition-duration是持續(xù)時(shí)間,比如說你設(shè)置持續(xù)時(shí)間5秒,延遲時(shí)間是10秒,那么當(dāng)鼠標(biāo)覆蓋之后,經(jīng)過10秒動(dòng)畫開始播放,寬度由200px變400px,5秒后變化結(jié)束。這個(gè)過程鼠標(biāo)不可移出,否則hover事件終止
transition-delay只是延遲過度,等久點(diǎn)而已,不影響動(dòng)畫持續(xù)時(shí)間,可能是瀏覽器問題,考慮換個(gè)瀏覽器
舉報(bào)
本課程為CSS3入門教程,深刻詳解CSS3知識(shí)讓網(wǎng)頁穿上絢麗裝備
3 回答左側(cè)舉例貌似缺少transition-delay
3 回答為什么不是transition-duration:10s;tansition-timing-function:ease;transition-delay:…………?為什么這節(jié)內(nèi)容都寫成了animation-duration的形式?
1 回答transition
2 回答請問transition里面的all是什么作用??
1 回答怎么用click觸發(fā)???
Copyright ? 2025 imooc.com All Rights Reserved | 京ICP備12003892號-11 京公網(wǎng)安備11010802030151號
購課補(bǔ)貼聯(lián)系客服咨詢優(yōu)惠詳情
慕課網(wǎng)APP您的移動(dòng)學(xué)習(xí)伙伴
掃描二維碼關(guān)注慕課網(wǎng)微信公眾號
2017-10-09
transition-delay是延遲時(shí)間,transition-duration是持續(xù)時(shí)間,比如說你設(shè)置持續(xù)時(shí)間5秒,延遲時(shí)間是10秒,那么當(dāng)鼠標(biāo)覆蓋之后,經(jīng)過10秒動(dòng)畫開始播放,寬度由200px變400px,5秒后變化結(jié)束。這個(gè)過程鼠標(biāo)不可移出,否則hover事件終止
2016-12-26
transition-delay只是延遲過度,等久點(diǎn)而已,不影響動(dòng)畫持續(xù)時(shí)間,可能是瀏覽器問題,考慮換個(gè)瀏覽器