Вращающиеся аватары

[DavidGuetta]

Все знаю, что бы аватар крутился при наведении, нужен этот

В

.ipsUserPhotoLink:hover
.ipsUserPhoto {

это

-moz-transition: all 0.5s ease-in-out;
-webkit-transition: all 0.5s ease-in-out;
-o-transition: all 0.5s ease-in-out;
-ms-transition: all 0.5s ease-in-out;
transition: all 0.5s ease-in-out;
-moz-transform: rotate(-360deg);
-webkit-transform: rotate(-360deg);
o-transform: rotate(-360deg);
-ms-transform: rotate(-360deg);
transform: rotate(-360deg);

и тогда он будет крутиться...

 

Но увы у меня не крутиться, мог бы кто не будь помочь...

[Viktar83]

Попробуйте так:

.ipsUserPhoto:hover {
-moz-transition: all 0.5s ease-in-out;
-webkit-transition: all 0.5s ease-in-out;
-o-transition: all 0.5s ease-in-out;
-ms-transition: all 0.5s ease-in-out;
transition: all 0.5s ease-in-out;
-moz-transform: rotate(-360deg);
-webkit-transform: rotate(-360deg);
o-transform: rotate(-360deg);
-ms-transform: rotate(-360deg);
transform: rotate(-360deg);
}

 

[DavidGuetta]

Попробуйте так:

.ipsUserPhoto:hover {
-moz-transition: all 0.5s ease-in-out;
-webkit-transition: all 0.5s ease-in-out;
-o-transition: all 0.5s ease-in-out;
-ms-transition: all 0.5s ease-in-out;
transition: all 0.5s ease-in-out;
-moz-transform: rotate(-360deg);
-webkit-transform: rotate(-360deg);
o-transform: rotate(-360deg);
-ms-transform: rotate(-360deg);
transform: rotate(-360deg);
}

 

​вуаля сработала...

тогда ещё один вопрос, могу ли удалить это,

т.к. это уже есть?

.ipsUserPhotoLink:hover
.ipsUserPhoto { содержимое }