Tagged: , ,

Viewing 2 posts - 1 through 2 (of 2 total)
  • Author
    Posts
  • June 26, 2014 at 12:56 pm #284047
    silviouk

    Hi there,

    I was sent some code to convert colour images to black and white on hover, however this only seems to work in Chrome & Opera.

    Also, no custom css code works when placed in the quick css box. Any ideas?

    June 26, 2014 at 2:33 pm #284080
    Yigit

    Hi silviouk!

    Please change the code to following one

    div.avia-image-container div a img {
filter: grayscale(100%);
-webkit-filter: grayscale(100%);
-moz-filter: grayscale(100%);
-o-filter: grayscale(100%);
filter: grayscale(100%);
}

div.avia-image-container:hover div a img {
filter: grayscale(0%);
-webkit-filter: grayscale(0%);
-moz-filter: grayscale(0%);
-o-filter: grayscale(0%);
filter: grayscale(0%);
}

    If that does not work, please hire a freelancer to make the code cross-browser compatible

    Best regards,
    Yigit

  • Author
    Posts
Viewing 2 posts - 1 through 2 (of 2 total)
  • You must be logged in to reply to this topic.