CSS3 - Transition

by naveen

HTML

<a href="http://google.com">Go to Google</a>

CSS

a {
    width: 32px;
    height: 32px;
    text-align: left;
    background: rgb(255,255,255);
    text-decoration: none;
    border: 1px solid #ccc;
    -webkit-transition: background 1000ms ease-in 200ms; /* property duration timing-function delay */
    -moz-transition: background 1000ms ease-in 200ms;
    -o-transition: background 1000ms ease-in 200ms;
    transition: background 1000ms ease-in 200ms;
    }
a:hover {
    background: rgb(0,255,0);
}