CSS BUTTON

css transition button with background color fade

by Glynne Turner

HTML

<div>
<a href="#">Test</a>
</div>

CSS

div{padding:5px}
a{padding:5px 20px;margin:0;  border:1px solid green;  text-decoration:none;
  -webkit-transition: all 1s ease-out;
  -moz-transition: all 1s ease-out;
  -o-transition: all 1s ease-out;
  transition: all 1s ease-out; color:green; position:relative  }
a:hover{background-color:green; color:white}