Okay
  Public Ticket #2764125
Single image black & white to color
Closed

Comments

  •  7
    Mike Marshfield started the conversation
    April 29, 2021 at 2:42pm

    Hi 

    Is there a way i can make the single image element go from black and white to color as well as zoom in on mouseover? 

    Thanks for your help

    Mike

  •  1,878
    Judith replied
    April 29, 2021 at 4:24pm

    Hi Mike,

    I am you are not able to change an image to black and white, however you are able to have the zoom in feature on mouse hover as shown below:

    9220688487.png

    Thanks.

  •  7
    Mike Marshfield replied
    April 30, 2021 at 8:53am

    Thanks Judith. I was aware of the zoom in function.

    I have in fact worked out how to do it by adding some custom css and a class name in the single image

    .bw {
        /* filter: url(filters.svg#grayscale); Firefox 3.5+ */
          filter: gray; /* IE5+ */
          -webkit-filter: grayscale(1); /* Webkit Nightlies & Chrome Canary */
          -webkit-transition: all .8s ease-in-out;  
        }

        .bw:hover {
        filter: none;
          -webkit-filter: grayscale(0);
          -webkit-transform: scale(1.01);
        }