鼠標懸停時間CSS HTML

Question

我的問題是我希望容易。我有鼠標懸停，顯示一些文字。

我的問題是，有沒有機會讓鼠標離開後最後幾秒懸停？我只能使用html + css。

Answer 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

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