XenForo Tutorials

Avatar Fade on Hover Effect

Submitted by Oxygen, , Thread ID: 1471

Thread Closed
Oxygen
<div class="postbit-usertitle">
Prime
Level:
0
Reputation:
35
Posts:
608
Likes:
62
Credits:
1.47K
21-02-2015, 04:28 PM
#1
To achieve this effect just copy & paste this into EXTRA.css
Code:
/* avatar effect -NulledBB */
.avatar img,
.avatar .img,
.avatarCropper,
.avatarScaler img
{
opacity: 1;
-webkit-transition: opacity;
-webkit-transition-timing-function: ease-out;
-webkit-transition-duration: 500ms;
}

.avatar img:hover,
.avatar .img:hover,
.avatarCropper:hover,
.avatarScaler img:hover
{
opacity: .3;
-webkit-transition: opacity;
-webkit-transition-timing-function: ease-out;
-webkit-transition-duration: 500ms;
}
[Image: UeTXrZ5.png]

Users browsing this thread: 1 Guest(s)