小编ame*_*ast的帖子

如何使CSS动画在悬停时减慢停止,并在鼠标离开时继续无限移动?

我正在尝试使用以下 css 样式创建选取框:

\n
@keyframes scroll {\n 0% { transform: translateX(0) }\n 100% { transform: translate(-100%) }\n}\nanimation: scroll var(--duration) linear infinite;\n
Run Code Online (Sandbox Code Playgroud)\n

我想让它减慢速度并在悬停时停止,然后继续循环onMouseLeave,但由于每次应用新动画时CSS动画重新计算/重置位置,我似乎无法实现此效果。

\n

有没有办法达到这个效果?\xc2\xa0谢谢\xc2\xa0you!

\n

css marquee onmouseover hover

1
推荐指数
1
解决办法
1902
查看次数

标签 统计

css ×1

hover ×1

marquee ×1

onmouseover ×1