延迟:悬停在CSS3?

前端之家收集整理的这篇文章主要介绍了延迟:悬停在CSS3?前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
有没有办法延迟:悬停事件而不使用javascript?我知道有一种方法来延迟动画,但我没有看到任何延迟:Hover事件。

已编辑…

对不起,我应该包括这一开始…我正在建立一个吸吮鱼儿像菜单。我想模拟什么hoverIntent没有添加额外的JS权重。我宁愿把这个作为一个渐进的增强,而不是使JS的要求使用菜单

更新

这里是最后的代码http://jsfiddle.net/aEgV3/

感谢所有的帮助!

@H_301_12@

解决方法

好吧..你可以使用过渡来延迟:hover效果你想要的,如果效果是基于CSS …

例如

div{
    transition: 0s background-color;
}

div:hover{
    background-color:red;    
    transition-delay:1s;
}

这将延迟应用悬停效果(在这种情况下为背景颜色)一秒钟。

演示延迟在http://dabblet.com/gist/1498443悬停开和关

演示延迟只有在http://dabblet.com/gist/1498446悬停

Vendor Specific Extentions for TransitionsW3C CSS3 transitions

@H_301_12@ @H_301_12@ 原文链接:https://www.f2er.com/css/221910.html

猜你在找的CSS相关文章