Monday, 2 October 2017

CSS 360 Rotation


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*/

}