effectRotation.css

/* 
    Document   : effect
    Created on : 17/07/2013, 22:00:44
    Author     : Gustavo 
    Description:
        Purpose of the stylesheet follows.
*/

.menu p {
    text-decoration: #333333;
  font-style: italic;
}
.menu {
    position: absolute;
    top: 150px;
    left: 150px;
    padding: 10px;
    width: 150px;
    height: 150px;
    background: #00ccff;
 border-radius: 10px;  
 transition:width 3.5s, height 3.5s;
 -webkit-transition:width 3.5s, height 3.5s, -webkit-transform 3.5s; 
      


}

.menu:hover{
    width: 300px;
    height: 300px;
    transform:rotate(360deg);
    background: #00cccc;
   -webkit-transform:rotate(360deg);
   
}