Reply To: Image Fade Effect


Achieving hover effect on an image is possible by providing the required CSS in the Custom CSS tab in options panel or by editing the custom/custom.css file. The CSS should provide the required CSS3 transition and provide the hover style to reduce the opacity this way. Thanks –

.service-box4:hover img { opacity: 0.8; }
.service-box4 img {
    -webkit-transition: all 0.3s ease-in; -moz-transition: all 0.3s ease-in; -o-transition: all 0.3s ease-in; transition: all 0.3s ease-in;