[CSS Animation] 8. 使用 animation-play-state 來控制動畫播放的暫停或繼續
2021/12/25
此篇文章瀏覽量:
497
animation 已經被套用至某元素時,如果想要讓它暫停或者暫停之後繼續,就可以透過 animation-play-state 來達成。
animation-play-state 可使用的屬性值
- running:這是預設值。即執行動畫效果。
- paused:讓動畫效果的暫停執行。
範例
一個無限左右滑動的一個 div 區塊,若點擊的話,會暫停,再點擊的話,會恢復動畫的執行,JS 只是單純的切換 CSS 類別而已,可以操作試試看:
若覺得文章有幫助,請多分享,讓其他同好也能吸收網站技能知識。
熱門推薦
精彩推薦