CSS3

by BeNdErR

HTML

<div class="box">asd</div>

sgasd
fas
dfasd
f
asdf
asdf
sdf
asd
f<br/>

CSS

.box{
    display: block;
    margin: 150px 0 0 150px;
    width: 100px;
    height: 100px;
    background-color: #AAA;
    border-style: solid;
    border-width: 1px;
    border-color: #000;
    font-size: 12px;
    -webkit-transition: width 10s, height 10s, background-color 2s, -webkit-transform 10s,font-size 3s;
}
.box:hover{
    margin: 150px 0 0 150px;
    background-color: #BCD;
    width: 50px;
    height: 200px;
    border-style: dotted;
    border-width: 3px;
    font-size: 40px;
    
   -webkit-transform: rotate(17280deg);
}