CSS 360 Rotation

Girfa : Student help

Hover the Mouse on div

CSS

div {

    width: 100px;

    height: 100px;

    background: red;

    -webkit-transition-property: all; /* Safari */

    -webkit-transition-duration: 2s; /* Safari */

    transition-property: all;

    transition-duration: 1s;

}

div:hover {

    width: 300px;

    height: 300px;

 -ms-transform: rotate(100deg); /* IE 9 */

    -webkit-transform: rotate(100deg); /* Safari */

    transform: rotate(360deg);

     font-size:xx-large;

     background-color:#6699CC; /* Standa*/

}

Download HTML File

Next Topic