關注前端開發
關注用戶體驗

css動畫是可以暫停的

css動畫大家都不陌生,但是你知道css動畫是可暫停的嗎?如果你不知道就來看看吧。

雖然用過很多次animation,但是也就前幾天才知道動畫是可以暫停的,可見自己對動畫的了解還是不夠深,一起來學習一下今天的主角—animation-play-state(running | paused)

該屬性定義一個動畫是否運行或者暫停。可以通過查詢它來確定動畫是否正在運行。另外,它的值可以被設置為暫停和恢復的動畫的重放。其中恢復已暫停的動畫,是從它暫停的時候,而不是從動畫的起點。

See the Pen
暫停css動畫
by cc (@glccgl)
on CodePen.

 

贊(39)
未經允許不得轉載:大前端 » css動畫是可以暫停的
分享到: 更多 (0)

themebetter 國內更好的WordPress主題服務商

立即前往
广东26选5复式计算