div{ display:inline-block; padding:5px; margin:10px; border:1px solid #ccc; transition: 0s background-color; } div:hover{ background-color:red; transition-delay:1s; transition-duration:1s; }
<div>delayed hover</div>