另外如果暫停了動(dòng)畫的播放，元素的樣式將回到最原始設(shè)置狀態(tài)。 這句話是不是不對(duì)？ 我暫停了以后就停留在當(dāng)前的動(dòng)畫狀態(tài)了啊
媽咪媽咪哄
2014-07-20
3 回答
舉報(bào)
0/150
提交
取消
2018-08-21
你的問(wèn)題可以這樣解決，
如果暫停了動(dòng)畫的播放，元素的樣式將回到最原始設(shè)置狀態(tài)
span{
? display: inline-block;
? width: 20px;
? height: 20px;
? background: orange;
? transform: translateY(90px);
? animation-name: move;
? animation-play-state:paused;
}
div:hover span {
? 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;
}
2015-09-08
2014-12-20
如果不使用animation-play-state，動(dòng)畫播放過(guò)程中，如果突然停止，這時(shí)，默認(rèn)行為是跳回到動(dòng)畫的開(kāi)始狀態(tài)。
如果想讓動(dòng)畫保持突然終止時(shí)的狀態(tài)，就要使用animation-play-state屬性。