Эфект вращения аватара при наведение курсора

[Георгий Шевченко]

Может кому-то пригодится

Описание: при наведение на аватар , начинает крутится
Добавить в message_user_info.css

.avatarHolder
{
    -moz-transition: all 3s1s ease-in;
    -o-transition: all 3s1s ease-in;
    -webkit-transition: all 3s1s ease-in;

 

[ogbiwap]

Чего-то не работает,код вставлял в разные места шаблона!

 

[Mirovinger]

Держите, проверено работает.
Что бы не возникало проблем при обновлении, добавляйте в EXTRA.css

.avatarHolder{
    -webkit-transition-duration: 0.8s;
    -moz-transition-duration: 0.8s;
    -o-transition-duration: 0.8s;
    transition-duration: 0.8s;
   
    -webkit-transition-property: -webkit-transform;
    -moz-transition-property: -moz-transform;
    -o-transition-property: -o-transform;
    transition-property: transform;
   
    overflow:hidden;
    }
.avatarHolder:hover
{
    -webkit-transform:rotate(360deg);
    -moz-transform:rotate(360deg);
    -o-transform:rotate(360deg);
}

Или такой вариант, более корректный.

.avatar, .avatar img, .img.s{
    -webkit-transition-duration: 0.8s;
    -moz-transition-duration: 0.8s;
    -o-transition-duration: 0.8s;
    transition-duration: 0.8s;
    
    -webkit-transition-property: -webkit-transform;
    -moz-transition-property: -moz-transform;
    -o-transition-property: -o-transform;
    transition-property: transform;
    
    overflow:hidden;
    } 
.avatar:hover, .avatar img:hover, .img.s:hover 
{
    -webkit-transform:rotate(360deg);
    -moz-transform:rotate(360deg);
    -o-transform:rotate(360deg);
}

 

[ogbiwap]

Спасибо,всё работает!