CSS3 smooth transitions

smooth-transitions.css

/*---
Normal state
---*/

a, a:link, a:visited{
-webkit-transition: all .3s ease-out;
-moz-transition: all .3s ease-out;
-o-transition: all .3s ease-out;
transition: all .3s ease-out;
}

/*---
Hover State
---*/

a:hover, a:focus{
-webkit-transition: all .3s ease-in;
-moz-transition: all .3s ease-in;
-o-transition: all .3s ease-in;
transition: all .3s ease-in;
}