https://cloud.baidu.com
这个动画为什么在鼠标移出以后，没有立即停止动画，而是接着又运动到初始位置？
要纯css完成啊！
css3 animation动画如何在鼠标移出之后不让动画立即停止？
- 写回答
- 好问题 0 提建议
- 关注问题
分享- 邀请回答
-
5条回答 默认 最新
子幽 2017-11-13 07:05关注animation可以是设置时间，你可以设置在几秒内完成这个动作，对了，这个鼠标移上去触发应该使用的jQuery的animate() 方法，也可以设置完成动作的时间
解决评论 打赏无用 1举报 分享
- 2023-06-02 18:43巨蟹座守护骑士的博客 【代码】纯css 滚动动画轮播图 鼠标 移入暂停 移出继续。
- 2020-09-24 11:18做前端的小艳的博客 在hover中加入如下代码: a:hover{ animation-play-state:'paused' }
- 2021-02-23 10:06异客丶丶的博客 鼠标移入添加动画，移出后逆向动画效果实现 核心知识点：transition hover html代码： <div class="content-left-nav"> <div class="active-yscy-left">能源工业</div> <div class="">...
- 2023-11-30 10:54路光.的博客 无限移动的风景 css3 动画。
- 2020-10-19 17:15时之语的博客 前端菜鸟记录一下，备忘 效果如下图： 代码： <div class="policy-center-list-li"> <img th:src="@{/img/front/policyCenter/aaaa.jpg}" > <div class="text-box"> <div class="policy-...
- 2022-01-20 09:38落叶..的博客 鼠标移入暂停animation动画实现思路代码详解其他 实现思路 咱们能够利用鼠标的hover伪类实现动画的暂停css 代码 div:hover { animation-play-state:paused; } 详解 animation-play-state 的默认值是 running ...
- 2022-02-28 00:31佩可馁稞的博客 简述 transform，transition，animation 的作用使用CSS怎么让Chrome支持小于12px的文字比如10px？（了解）1.0. HTML51.1. 语义化标签1.2. 多媒体标签1.2.1. audio 音频标签1.2.2.video 视频标签1.2.3. 兼容性1.3. H5...
- 2023-06-20 09:431.前端如何CSS实现文字滚动效果，鼠标悬浮停止滚动 【内容介绍】 主要应用于web后台管理系统的头部实现文字滚动的效果，如何通过CSS来实现文字动态滚动的效果，核心应用于告警展示，重要通知等应用场景。 【页面效果...
- 2025-03-14 14:21Web项目开发的博客 【代码】vue3 + css 列表无限循环滚动。
- 2023-11-09 13:09渡山川挽月的博客 JS、CSS图片流动轮播效果动画鼠标hover后暂停动画
- 没有解决我的问题, 去提问
