一种用CSS3创建hoverIntent类型延迟效果的方法?

发布于 2024-12-21 21:38:02 字数 168 浏览 4 评论 0原文

因此,当我快速将鼠标移到某个对象上时,它不会触发动画,直到用户将鼠标悬停在该对象上指定的毫秒数。我不相信只用 CSS3 就能做到这一点,但也许我错了?

此效果适用于如果我有一堆链接之类的东西,并且每个链接都会启动一个小工具提示气泡,如果用户将鼠标移过屏幕以单击某些内容,我们不希望显示所有这些工具提示气泡。

So when I quickly move my mouse over an object, it wont fire it's animation, not until the user hold their mouse over that object for a specified number of ms. I don't believe this can be done with just CSS3, but maybe I'm wrong?

This effect is for if I have something like a bunch of links, and each link launched a little tooltip bubble, if the user moves their mouse across the screen to click on something, we don't want all of those tooltip bubbles to show.

如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。

评论(1

痴意少年 2024-12-28 21:38:02

哇,这太棒了!但这是不可能的,因为你不能用 CSS3 保存动画。由于您将鼠标悬停在某个元素上,因此绑定到该元素的所有动画都将被触发:S

为什么您不建议将其作为 Chrome 功能

Wow, this would be great! But it's not possible since you can't hold an animation with CSS3. Since you've hovered an element, all animations binded to it will be fired :S

Why don't you suggest it as a Chrome Feature?

~没有更多了~
我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
原文