XenForo Tutorials

Avatar Fade on Hover Effect

Submitted by Oxygen, 21-02-2015, 04:28 PM, Thread ID: 1471

Thread Closed

21-02-2015, 04:28 PM

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

Users browsing this thread: 1 Guest(s)