Great twirling avatars

alebarda · 05-09-2017, 02:21 PM

Add code to EXTRA.css template:

PHP Code:
.avatar, .avatar img, .img.s{
-webkit-transition-duration: 0.9s;
-moz-transition-duration: 0.9s;
-o-transition-duration: 0.9s;
transition-duration: 0.9s;

-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);
}

.thread_view .messageList a.avatar img,
.thread_view .quickReply a.avatar img,
.conversation_view .messageList a.avatar img,
.conversation_view .quickReply a.avatar img
{
  width: 140px;
  height: auto;
} 

Great twirling avatars

Submitted by alebarda, 05-09-2017, 02:21 PM, Thread ID: 46013