對暫停狀態的疑惑
例題中說”另外如果暫停了動畫的播放，元素的樣式將回到最原始設置狀態?！斑@個最原始的設置狀態指什么？我暫停后，怎么就是當前狀態呢？看一下我的代碼里，例如背景顏色變到?50%{background:red;}紅色時暫停，那么它的背景顏色就是保持為紅色啊。
舉報
0/150
提交
取消
例題中說”另外如果暫停了動畫的播放，元素的樣式將回到最原始設置狀態?！斑@個最原始的設置狀態指什么？我暫停后，怎么就是當前狀態呢？看一下我的代碼里，例如背景顏色變到?50%{background:red;}紅色時暫停，那么它的背景顏色就是保持為紅色啊。
2016-01-09
舉報
2018-08-21
你的問題可以這樣解決，
如果暫停了動畫的播放，元素的樣式將回到最原始設置狀態
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
我的理解是：最原始的狀態指它的圖形自身是否經歷變形。你可以試一試，在運動的過程中改變一下他的形狀或者顏色之類的