本文將為大家詳細(xì)介紹“css3怎么讓animation動(dòng)畫停止”，內(nèi)容步驟清晰詳細(xì)，細(xì)節(jié)處理妥當(dāng)，而小編每天都會(huì)更新不同的知識(shí)點(diǎn)，希望這篇“css3怎么讓animation動(dòng)畫停止”能夠給你意想不到的收獲，請(qǐng)大家跟著小編的思路慢慢深入，具體內(nèi)容如下，一起去收獲新知識(shí)吧。
成都創(chuàng)新互聯(lián)公司主要從事網(wǎng)站制作、網(wǎng)站設(shè)計(jì)、網(wǎng)頁(yè)設(shè)計(jì)、企業(yè)做網(wǎng)站、公司建網(wǎng)站等業(yè)務(wù)。立足成都服務(wù)下冶,10年網(wǎng)站建設(shè)經(jīng)驗(yàn),價(jià)格優(yōu)惠、服務(wù)專業(yè),歡迎來(lái)電咨詢建站服務(wù):18982081108
在css3中，可用animation-play-state屬性來(lái)讓運(yùn)行的animation動(dòng)畫停止，該屬性的作用就是規(guī)定動(dòng)畫正在運(yùn)行還是暫停，只需要給應(yīng)用了動(dòng)畫的元素添加“animation-play-state:paused;”樣式即可。
本教程操作環(huán)境：windows7系統(tǒng)、CSS3&&HTML5版、Dell G3電腦。
在css3中，可用animation-play-state屬性來(lái)讓運(yùn)行的animation動(dòng)畫停止。
例如：有這么一個(gè)不斷旋轉(zhuǎn)的動(dòng)畫：
想要讓div元素停止旋轉(zhuǎn)，可以給div元素設(shè)置animation-play-state屬性來(lái)
重慶分公司
重慶分公司
div {
width: 100px;
height: 100px;
background-color: red;
margin: 50px auto;
animation: mymove 1s linear infinite;
animation-play-state:paused;
}
說(shuō)明：
animation-play-state 屬性規(guī)定動(dòng)畫正在運(yùn)行還是暫停。
語(yǔ)法：
animation-play-state: paused|running;
paused：規(guī)定動(dòng)畫已暫停。
running：規(guī)定動(dòng)畫正在播放。
該屬性可以和JavaScript一起使用，用于在播放過(guò)程中暫停動(dòng)畫。
css的選擇器可以分為三大類，即id選擇器、class選擇器、標(biāo)簽選擇器。它們之間可以有多種組合，有后代選擇器、子選擇器、偽類選擇器、通用選擇器、群組選擇器等等
感謝您能讀到這里，小編希望您對(duì)“css3怎么讓animation動(dòng)畫停止”這一關(guān)鍵問(wèn)題有了從實(shí)踐層面最深刻的體會(huì)，具體使用情況還需要大家自己動(dòng)手實(shí)踐使用過(guò)才能領(lǐng)會(huì)，如果想閱讀更多相關(guān)內(nèi)容的文章，歡迎關(guān)注創(chuàng)新互聯(lián)行業(yè)資訊頻道！
