Home › Forums › Basel support forum › Switch off black and white filter › Reply To: Switch off black and white filter
October 4, 2017 at 8:55 am
#20716
Artem Temos
Keymaster
This code
.promo-banner .banner-image,
.product-grid-item .product-element-top img {
filter: grayscale(100%) opacity(0.99);
-webkit-filter: grayscale(100%) opacity(0.99);
-moz-filter: grayscale(100%) opacity(0.99);
-o-filter: grayscale(100%) opacity(0.99);
-ms-filter: grayscale(100%) opacity(0.99);
transition: all 0.3s ease-in-out;
-webkit-transition: all 0.3s ease-in-out;
}
.promo-banner:hover .banner-image,
.product-grid-item:hover .product-element-top img {
filter: grayscale(0) opacity(1);
-webkit-filter: grayscale(0) opacity(1);
-moz-filter: grayscale(0) opacity(1);
-o-filter: grayscale(0) opacity(1);
-ms-filter: grayscale(0) opacity(1);
}
.wpb_revslider_element .tp-bgimg {
filter: grayscale(100%) opacity(0.99);
-webkit-filter: grayscale(100%) opacity(0.99);
-moz-filter: grayscale(100%) opacity(0.99);
-o-filter: grayscale(100%) opacity(0.99);
-ms-filter: grayscale(100%) opacity(0.99);
transition: all 0.3s ease-in-out;
-webkit-transition: all 0.3s ease-in-out;
}
.wpb_revslider_element:hover .tp-bgimg {
filter: grayscale(0) opacity(1);
-webkit-filter: grayscale(0) opacity(1);
-moz-filter: grayscale(0) opacity(1);
-o-filter: grayscale(0) opacity(1);
-ms-filter: grayscale(0) opacity(1);
}
.wpb_revslider_element .tp-caption img {
filter: grayscale(100%) opacity(0.99);
-webkit-filter: grayscale(100%) opacity(0.99);
-moz-filter: grayscale(100%) opacity(0.99);
-o-filter: grayscale(100%) opacity(0.99);
-ms-filter: grayscale(100%) opacity(0.99);
transition: all 0.3s ease-in-out;
-webkit-transition: all 0.3s ease-in-out;
}
.wpb_revslider_element .tp-caption:hover img {
filter: grayscale(0) opacity(1);
-webkit-filter: grayscale(0) opacity(1);
-moz-filter: grayscale(0) opacity(1);
-o-filter: grayscale(0) opacity(1);
-ms-filter: grayscale(0) opacity(1);
}