Hover over me
.fade { background-color: #DB1F48; color: #fff; transition: background-color 1s; } .fade:hover { background-color: #004369; } .fade:focus, .fade:active { background-color: black; transition: none; }
<div class="wrapper"> <button class="fade">Hover over me</button> </div>