关注前端开发
关注用户体验

css动画是可以暂停的

css动画大家都不陌生,但是你知道css动画是可暂停的吗?如果你不知道就来看看吧。

虽然用过很多次animation,但是也就前几天才知道动画是可以暂停的,可见自己对动画的了解还是不够深,一起来学习一下今天的主角—animation-play-state(running | paused)

该属性定义一个动画是否运行或者暂停。可以通过查询它来确定动画是否正在运行。另外,它的值可以被设置为暂停和恢复的动画的重放。其中恢复已暂停的动画,是从它暂停的时候,而不是从动画的起点。

See the Pen
暂停css动画
by cc (@glccgl)
on CodePen.

 

赞(101)
未经允许不得转载:大前端 » css动画是可以暂停的
分享到: 更多 (0)

themebetter 国内更好的WordPress主题服务商

立即前往
野狼电子游戏