.transform-rotate-360:hover{ -webkit-transform: rotate(-360deg); -moz-transform: rotate(-360deg); -ms-transform: rotate(-360deg); -o-transform: rotate(-360deg); transform: rotate(-360deg); } .transform-rotate-360{ width:200px; height:100px; background:pink; margin:50px; transition:3s; }