Zi 字媒體
2017-07-25T20:27:27+00:00
此篇文章瀏覽量:
852
animation 已經被套用至某元素時,如果想要讓它暫停或者暫停之後繼續,就可以透過 animation-play-state 來達成。
animation-play-state 可使用的屬性值
running:這是預設值。即執行動畫效果。
paused:讓動畫效果的暫停執行。
範例
一個無限左右滑動的一個 div 區塊,若點擊的話,會暫停,再點擊的話,會恢復動畫的執行,JS 只是單純的切換 CSS 類別而已,可以操作試試看:
若覺得文章有幫助,請多分享,讓其他同好也能吸收網站技能知識。
Tweet
寫了
5860316篇文章,獲得
23313次喜歡