css3动画暂停

当css3动画被中断时,此时的动画效果会立即恢复到原状,但是有时候并不想立即恢复原状,想保持当前中断时的状态,可以使用animation-play-state:paused.

语法

animation-play-state: paused|running;

说明

描述
paused规定动画已暂停。
running规定动画正在播放。

示例

以鼠标移入暂停,移出继续动画为例

div {
    width: 100px;
    height: 100px;
    background: orange;
}
div:hover {
    animation-play-state: paused;
    -webkit-animation-play-state: paused;
}
如果您觉得本文对您有用,欢迎捐赠或留言~
微信支付
支付宝

发表评论

您的电子邮箱地址不会被公开。 必填项已用*标注