課程
/前端開發
/HTML/CSS
/十天精通CSS3
我想要鼠標移入時暫停，移出時動畫播放，怎么弄？單純的換一下paused和running好像并不行啊
2016-02-28
源自：十天精通CSS3 9-8
正在回答
div:hover span {
? animation-play-state:paused;
}
動畫正常寫 ?running是默認值 ?不需要特意寫 ? 在劃出寫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知識讓網頁穿上絢麗裝備
2 回答?為什么鼠標必須停留在div上面，一移走就會中斷動畫
2 回答頁面加載時，動畫不播放
6 回答我想鼠標移動到省略處后能完整顯示省略的內容，應該怎么做？
2 回答怎樣可以使鼠標移開的時候，它直到完全放下來才會對我的hover有響應，下到一半我鼠標移上去它又上去了，不太美觀。
5 回答動畫播放方向
Copyright ? 2025 imooc.com All Rights Reserved | 京ICP備12003892號-11 京公網安備11010802030151號
購課補貼聯系客服咨詢優惠詳情
慕課網APP您的移動學習伙伴
掃描二維碼關注慕課網微信公眾號
2016-08-14
div:hover span {
? animation-play-state:paused;
}
動畫正常寫 ?running是默認值 ?不需要特意寫 ? 在劃出寫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
把你代碼貼出來啊