Question

我的问题是我希望容易。我有鼠标悬停，显示一些文字。

我的问题是，在鼠标消失后，有没有机会让这个悬停持续几秒钟？我只能使用html + css。

Answer 1

这不是一个完美的答案。因为，完美的答案是否。顺便说一句，你可以延迟过渡。

＆＃13;

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;
}

＆＃13;

<div>Hover Me</div>

＆＃13;

来源：http://dabblet.com/gist/1498446

Answer 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 */
}

鼠标悬停时间CSS HTML

2 个答案: