CSS Transition

by ginpei

HTML

<ul>
    <li><a href="http://ginpen.com">Ginpen.com</a></li>
</ul>

CSS

* {
    -ms-transition: all 1s;
    -moz-transition: all 1s;
    -o-transition: all 1s;
    -webkit-transition: all 1s;
    transition: all 1s;
}
a {
    color: red;
    display: inline-block;
    font-family: serif;
}
a:hover {
    color: blue;
    text-shadow: 2px 2px 0px #999;
    -ms-transform: translate(-2px, -2px);
    -moz-transform: translate(-2px, -2px);
    -o-transform: translate(-2px, -2px);
    -webkit-transform: translate(-2px, -2px);
    transform: translate(-2px, -2px);
    font-family: fantasy;
}