شما گفتی کد چرخش ( rotate ) لوگو رو داری
حالا میخوای وقتی ماوس از روش رفت کنار ، دوباره بچرخه سر جاش . درسته ؟

اینطوری استفاده کن شما :

کد:
.class {
    background:url(images/logo.png) no-repeat;
    transition-property:transform;
    transition-duration:1s;
    -moz-transition-property:-moz-transform;
    -moz-transition-duration:1s;
    -webkit-transition-property:-webkit-transform;
    -webkit-transition-duration:1s;
    -o-transition-property:-o-transform;
    -o-transition-duration:1s;
}
.class:hover {
    -moz-transform: scale(1) rotate(360deg) translate(0px, 0px) skew(0deg, 0deg);
    -webkit-transform: scale(1) rotate(360deg) translate(0px, 0px) skew(0deg, 0deg);
    -o-transform: scale(1) rotate(360deg) translate(0px, 0px) skew(0deg, 0deg);
    -ms-transform: scale(1) rotate(360deg) translate(0px, 0px) skew(0deg, 0deg);
    transform: scale(1) rotate(360deg) translate(0px, 0px) skew(0deg, 0deg);
}