對(duì)暫停狀態(tài)的疑惑
例題中說(shuō)”另外如果暫停了動(dòng)畫的播放，元素的樣式將回到最原始設(shè)置狀態(tài)。“這個(gè)最原始的設(shè)置狀態(tài)指什么？我暫停后，怎么就是當(dāng)前狀態(tài)呢？看一下我的代碼里，例如背景顏色變到?50%{background:red;}紅色時(shí)暫停，那么它的背景顏色就是保持為紅色啊。
2 回答
舉報(bào)
0/150
提交
取消
例題中說(shuō)”另外如果暫停了動(dòng)畫的播放，元素的樣式將回到最原始設(shè)置狀態(tài)。“這個(gè)最原始的設(shè)置狀態(tài)指什么？我暫停后，怎么就是當(dāng)前狀態(tài)呢？看一下我的代碼里，例如背景顏色變到?50%{background:red;}紅色時(shí)暫停，那么它的背景顏色就是保持為紅色啊。
2016-01-09
舉報(bào)
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;
}
2016-03-12
我的理解是：最原始的狀態(tài)指它的圖形自身是否經(jīng)歷變形。你可以試一試，在運(yùn)動(dòng)的過(guò)程中改變一下他的形狀或者顏色之類的