关键词：
【中文标题】鼠标悬停时间 CSS HTML [重复]【英文标题】：Mouseover hover time CSS HTML [duplicate] 【发布时间】：2015-12-20 12:11:04 【问题描述】：我的问题是我希望很容易。我有鼠标悬停显示一些文本。
我的问题是，在鼠标消失后，有没有机会让这个悬停持续几秒钟？我只能使用html+css。
【问题讨论】：
到目前为止你尝试了什么？ 把你的代码放在你试过的地方。 不可能的哥们。它们会立即发生。 你需要使用Jquery或者JavaScript 【参考方案1】：这不是一个完美的答案。因为，完美的答案是否。顺便说一句，您可以延迟过渡。
div
display: inline-block;
padding: 5px;
margin: 10px;
border: 1px solid #ccc;
transition: 0s background-color;
transition-delay: 1s;
div:hover
background-color: red;
transition-delay: 0s;
<div>Hover Me</div>来源：http://dabblet.com/gist/1498446
【讨论】：
【参考方案2】：.example
transition: 0s; /* zero it if you don't want to add a fade */
transition-delay:2s; /* delay will last for 2 seconds */
.example:hover
background-color:blue;
transition-delay:0s; /* the delaying happens here */
【讨论】：
嗯，你说对了一部分。请问你能改正吗？ @PraveenKumar 很高兴我能帮上忙！为啥当鼠标悬停后出现边框时 <div> 的大小会增加？ CSS [重复]
】为啥当鼠标悬停后出现边框时<div>的大小会增加？CSS[重复]【英文标题】：Whywoulda<div>inscreaseinsizewhenabordershowsupafterthemousehoversit?CSS[duplicate]为什么当鼠标悬停后出现边框时<div>的大小会增加？CSS[重复]【发布时间】... 查看详情
CSS列表悬停在Google Chrome中不起作用[重复]
...】：2016-05-1600:36:36【问题描述】：我有一个HTML列表，当鼠标悬停在每个列表项上时，文本和项目符号都会改变颜色。HTML<ul><li>Abulletpoint</li><li>Anoth 查看详情
HTML/CSS - 将鼠标悬停在照片上时显示链接
】HTML/CSS-将鼠标悬停在照片上时显示链接【英文标题】：HTML/CSS-Displaythelinkwhilehoveringoveraphoto【发布时间】：2020-12-0416:15:49【问题描述】：我希望在将鼠标悬停在图像上时显示我的链接。我编写代码的方式仅在我将鼠标悬停在链... 查看详情
html/css：鼠标悬停时通过链接增加字体大小的位置移动
】html/css：鼠标悬停时通过链接增加字体大小的位置移动【英文标题】：html/css:Positionshiftingwithlinkthatincreasefontsizewhenhoveringmouse【发布时间】：2012-09-1412:49:51【问题描述】：我想在我的网页中创建一个html/css菜单，其中包含四个链... 查看详情
填充颜色的CSS过渡在悬停时不起作用[重复]
...述】：我将SVG路径的填充颜色设置为悬停时过渡。当您将鼠标悬停在图形上时它可以正常工作，但是当您将鼠标悬停时颜色会恢复而不是过渡回来。怎么回事？bodybackground:rgb(0,185,228);a. 查看详情
Bootstrap - 在鼠标悬停时更改图标图像[重复]
】Bootstrap-在鼠标悬停时更改图标图像[重复]【英文标题】：Bootstrap-ChangeIconImageonMouseover[duplicate]【发布时间】：2015-10-2416:21:13【问题描述】：我的页脚中有一些链接到各种社交网络的图标。我希望能够改变它们的颜色，就像将鼠... 查看详情
黑白主题直到悬停[重复]
...试这个：w3schoolshover您几乎可以为任何元素定义该CSS。当鼠标悬停在它上面时 查看详情
html+css鼠标悬停效果
HTML+CSS实现鼠标悬停效果HTML：<linkhref="style.css"rel="stylesheet"><aclass="social"href="https://webbb.be"target="_blank"><divclass="front"><iclass="fafa-facebook"></i></div&g 查看详情
通过css悬停时更改背景[重复]
...【问题描述】：我在一个圆圈中有一个复选标记，当您将鼠标悬停在它上面时，我希望更改复选标记以及背景。这里是fiddle但是，当我检查实际复选标记stem和kick时，它不再改变。我试过了#checkmark_stem:hover~#checkm 查看详情
html5/css3鼠标悬停动画菜单按钮
在线演示本地下载 查看详情
悬停问题 - 悬停时显示图像 [重复]
...里是新手。目标是在悬停时显示包含文本的图像。当我将鼠标悬停在图像显示的“测试”容器上时，从技术上讲，我得到了我想要的东西。但是当我将鼠标悬停在“文本”区域上时，它不会显示。任何帮助将不胜感激。HTML：<d... 查看详情
html / css：悬停div的每个单词时加下划线，不换行[重复]
】html/css：悬停div的每个单词时加下划线，不换行[重复]【英文标题】：html/css:underlineonhovereachwordofadiv,withoutwrapping[duplicate]【发布时间】：2019-06-0400:01:37【问题描述】：假设我有以下div：<div>aaa,bbb-ccc.eeefff</div>我想知道是... 查看详情
html / css：悬停div的每个单词时加下划线，不换行[重复]
】html/css：悬停div的每个单词时加下划线，不换行[重复]【英文标题】：html/css:underlineonhovereachwordofadiv,withoutwrapping[duplicate]【发布时间】：2019-06-0400:01:37【问题描述】：假设我有以下div：<div>aaa,bbb-ccc.eeefff</div>我想知道是... 查看详情
为鼠标悬停添加时间延迟
】为鼠标悬停添加时间延迟【英文标题】：Addtimedelaytomousehovering【发布时间】：2021-08-1706:51:29【问题描述】：我创建了这个简单的html和CSS，以便在鼠标悬停在按钮上时显示隐藏的div。现在我想在它的显示状态更改为显示块之后... 查看详情
悬停链接并在 SVG 中更改颜色 [重复]
...5-02-0713:26:47【问题描述】：我创建了一个SVG地图，当我将鼠标悬停在链接上时，我想更改地图目标区域的颜色。当我将鼠标悬停在地图上的某个区域时，链接会从jQ获取下划线类，并且CSS悬停效果会更改地图上的填充颜色。但是... 查看详情
尝试使用 html 和 css 获得鼠标悬停缩放过渡效果，但图像溢出，图像的位置正在改变
】尝试使用html和css获得鼠标悬停缩放过渡效果，但图像溢出，图像的位置正在改变【英文标题】：Tryingtogetamousehoverzoomtransistioneffectusinghtmlandcssbutimageisgettingoverflowed,theimagespositionaregettingaltered【发布时间】：2020-05-1414:38:14【问题... 查看详情
带有CSS的图像灰度和鼠标悬停时重新着色？
】带有CSS的图像灰度和鼠标悬停时重新着色？【英文标题】：ImageGreyscalewithCSS&re-coloronmouse-over?【发布时间】：2011-11-0814:10:36【问题描述】：我正在寻找一个彩色图标（将是一个链接）并将其变为灰度，直到用户将鼠标放在图... 查看详情
使用html和css实现鼠标悬停时文本的旋转
鼠标悬停在文字上时，文字会出现旋转效果。这种效果实现的原理是，将每个文字或者单词的每个字母在任一轴（最好是Y轴）一起旋转。每个文字或者单词都包裹在<li>标记中，然后使用CSS：hoverSelector选择器，我们将在Y轴... 查看详情