css hover延時 解決快速划入划出

加上一個動畫的延遲，當你快速的hover的時候，上一個動畫還沒有開始，就被下一個覆蓋掉了。

<style>
button {
    padding: 10px;
    border: 2px solid #f7f7f7;
    text-align: center;
    transition: 0.3s;
 background:#f50;
}
button:hover {
    color: #fff;
}


 button {   
        transition:  0.3s 0.1s;
     }
</style>
<button>hover</button>

 

設置的延遲是0.1s，面對快速的抖動只有最后鼠標停下來