Cool CSS3 stuff

by Leonardo Trimarchi

HTML

Hoover mouse on square
<a href="#" class="box"></a>

CSS

a.box{
    display:block;
    width: 100px;
    height: 100px;
    background: #00f;
    border: 1px solid #000;
        }
a.box:hover{ background: #f00;
    -webkit-transform: translate(100px,100px) scale(1.1) rotate(180deg); }
a.box{ -webkit-transition: all 5s linear;
       -webkit-transform: translate(100px,500px);        
}