Hi,
I need to get back to this topic: https://kriesi.at/support/topic/mouseover-effect-from-black-and-white-to-color-in-footer/
I did some tests and it appears that the b&w effect only work on google chrome, not on IE, Firefox or Opera. Any ideas what could be the case?
Thanks
Alexander
Hi Cevik_Kuersad!
Please change the code to following one
.avia-logo-element-container img { filter: grayscale(100%);
-webkit-filter: grayscale(100%);
-moz-filter: grayscale(100%);
-o-filter: grayscale(100%);
filter: gray;
-webkit-transition: all .6s ease;
transition: all .6s ease;
-moz-transition: all .6s ease;
-o-transition: all .6s ease; }
.avia-logo-element-container img:hover { filter: grayscale(0%);
-webkit-filter: grayscale(0%);
-moz-filter: grayscale(0%);
-o-filter: grayscale(0%);
filter: none; }
.image-overlay { display: none !important; }
Regards,
Yigit
Hi,
thanks. It seems that it works on chrome and opera only, not on IE nor on Firefox.
Best
Alexander
Hey!
Please refer to this link – https://developer.mozilla.org/en-US/docs/Web/CSS/filter
and feel free to request such feature here – https://kriesi.at/support/enfold-feature-requests/
Best regards,
Yigit