“另外如果暫停了動(dòng)畫的播放，元素的樣式將回到最原始設(shè)置狀態(tài)。”這句話沒太懂意思
前面不是說暫停了之后再重新開始元素從暫停位置開始繼續(xù)動(dòng)畫，樣式回到最初狀態(tài)？老師，麻煩給個(gè)實(shí)例參考下吧，沒想通。。。。
Heson
2014-12-31
2 回答
舉報(bào)
0/150
提交
取消
2018-08-21
你的問題可以這樣解決，
如果暫停了動(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-01-04
暫停有兩種方式，取不同的值效果不一樣，其中一種是暫停后，再播放時(shí)從停止?fàn)顟B(tài)繼續(xù)開始，另外一個(gè)種是暫停后，再播放是從最初狀態(tài)開始。這個(gè)樣的示例，自己取值一試就明白。