一种用CSS3创建hoverIntent类型延迟效果的方法?
因此,当我快速将鼠标移到某个对象上时,它不会触发动画,直到用户将鼠标悬停在该对象上指定的毫秒数。我不相信只用 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 技术交流群。

绑定邮箱获取回复消息
由于您还没有绑定你的真实邮箱,如果其他用户或者作者回复了您的评论,将不能在第一时间通知您!
发布评论
评论(1)
哇,这太棒了!但这是不可能的,因为你不能用 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?