كود css لتدوير الصور عند مرور الماوس

    img:hover {
    -webkit-animation-name: pulse;
    -webkit-animation-duration: .5s;
    -webkit-animation-direction: alternate;
    -webkit-animation-timing-function: ease-in-out;
    -webkit-transform: rotate(-15deg) scale(1.5);
    -moz-transform: rotate(-15deg) scale(1.5);
    -o-transform: rotate(-15deg) scale(1.5);
    }

    .postbody img:hover {
    -webkit-animation-name: pulse;
    -webkit-animation-duration: .5s;
    -webkit-animation-direction: alternate;
    -webkit-animation-timing-function: ease-in-out;
    -webkit-transform: rotate(-15deg) scale(1.5);
    -moz-transform: rotate(-15deg) scale(1.5);
    -o-transform: rotate(-15deg) scale(1.5);
    }

.mainmenu:hover img {
    transform: rotate(-15deg) scale(1.5);
}