課程
/前端開發(fā)
/HTML/CSS
/十天精通CSS3
我想要鼠標(biāo)移入時暫停,移出時動畫播放,怎么弄?單純的換一下paused和running好像并不行啊
2016-02-28
源自:十天精通CSS3 9-8
正在回答
div:hover span {
? animation-play-state:paused;
}
動畫正常寫 ?running是默認(rèn)值 ?不需要特意寫 ? 在劃出寫paused就好
?animation-play-state:running;
}換一下位置
running和paused
span {
? display: inline-block;
? width: 20px;
? height: 20px;
? background: orange;
? transform: translateY(90px);
? animation-name: move;
? animation-duration: 10s;
? animation-timing-function: ease-in;
? animation-delay: .2s;
? animation-iteration-count:infinite;
? animation-direction:alternate;
? animation-play-state:running;
更改一下加粗的地方就可以了
把你代碼貼出來啊
舉報
本課程為CSS3入門教程,深刻詳解CSS3知識讓網(wǎng)頁穿上絢麗裝備
2 回答?為什么鼠標(biāo)必須停留在div上面,一移走就會中斷動畫
2 回答頁面加載時,動畫不播放
6 回答我想鼠標(biāo)移動到省略處后能完整顯示省略的內(nèi)容,應(yīng)該怎么做?
2 回答怎樣可以使鼠標(biāo)移開的時候,它直到完全放下來才會對我的hover有響應(yīng),下到一半我鼠標(biāo)移上去它又上去了,不太美觀。
5 回答動畫播放方向
Copyright ? 2025 imooc.com All Rights Reserved | 京ICP備12003892號-11 京公網(wǎng)安備11010802030151號
購課補貼聯(lián)系客服咨詢優(yōu)惠詳情
慕課網(wǎng)APP您的移動學(xué)習(xí)伙伴
掃描二維碼關(guān)注慕課網(wǎng)微信公眾號
2016-08-14
div:hover span {
? animation-play-state:paused;
}
動畫正常寫 ?running是默認(rèn)值 ?不需要特意寫 ? 在劃出寫paused就好
2016-05-18
?animation-play-state:running;
}
div:hover span {
? animation-play-state:paused;
}換一下位置
running和paused
2016-04-15
span {
? display: inline-block;
? width: 20px;
? height: 20px;
? background: orange;
? transform: translateY(90px);
? animation-name: move;
? animation-duration: 10s;
? animation-timing-function: ease-in;
? animation-delay: .2s;
? animation-iteration-count:infinite;
? animation-direction:alternate;
? animation-play-state:running;
}
div:hover span {
? animation-play-state:paused;
}
更改一下加粗的地方就可以了
2016-02-29
把你代碼貼出來啊