CSS Color Fade

Pure CSS

by Robert Herring

HTML

<button class="clicker">Hover Over Me</button>

CSS

.clicker { 
    -moz-transition: all .2s ease-in;
    -o-transition: all .2s ease-in;
    -webkit-transition: all .2s ease-in;
    border: 1px solid #cccccc;
    color: #6c92b6;
    background: #fbfafb; 
    padding: 20px;
}

.clicker:hover { 
    background: rgb(251, 201, 213) !important;
    border: 1px solid #fbc2c4 !important;
    color: #8a1f11 !important;
}