Button focus & hover background color

Simple css3 for Button focus & hover background color

by Korah Babu Varghese

HTML

<button type="button" value="test" class="hello">Cancel</button>

CSS

@-webkit-keyframes fadeIt {
  0%   { background-color: #FFFFFF; }
  50%  { background-color: #626469; }
  100% { background-color: #FFFFFF; }
}
@keyframes fadeIt {
  0%   { background-color: #FFFFFF; }
  50%  { background-color: #626469; }
  100% { background-color: #FFFFFF; }
}
.hello:focus,.hello:hover{
   background-image:#626469 !important;
    -webkit-animation: fadeIt 5s ease-in-out; 
            animation: fadeIt 5s ease-in-out; 
}