XenForo Modifications

Great twirling avatars

Submitted by alebarda, , Thread ID: 46013

Thread Closed
05-09-2017, 02:21 PM
#1
Add code to EXTRA.css template:
PHP Code:
.avatar, .avatar img, .img.s{
-
webkit-transition-duration0.9s;
-
moz-transition-duration0.9s;
-
o-transition-duration0.9s;
transition-duration0.9s;

-
webkit-transition-property: -webkit-transform;
-
moz-transition-property: -moz-transform;
-
o-transition-property: -o-transform;
transition-propertytransform;

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
{
  
width140px;
  
heightauto;

[Image: xenforo.info_165wyj8.gif]

Users browsing this thread: 1 Guest(s)