css3如何实现取消动画效果

本篇内容主要讲解"css3如何实现取消动画效果"，感兴趣的朋友不妨来看看。本文介绍的方法操作简单快捷，实用性强。下面就让小编来带大家学习"css3如何实现取消动画效果"吧!

css中，可用"animation-play-state"属性取消动画效果，该属性可规定动画的运行暂停效果，属性的值为"paused"时动画会暂停，也就是取消动画效果，语法"元素{animation-play-state:paused}"。

本教程操作环境：windows10系统、CSS3&&HTML5版、Dell G3电脑。

css3怎样实现取消动画效果

在css中，想要实现取消动画效果，可以利用animation-play-state属性。

animation-play-state 属性规定动画正在运行还是暂停。语法如下：

animation-play-state: paused|running;

其中属性值表示如下：

示例如下：

输出结果：

到此，相信大家对"css3如何实现取消动画效果"有了更深的了解，不妨来实际操作一番吧！这里是网站，更多相关内容可以进入相关频道进行查询，关注我们，继续学习！