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

Comments

  •  7
    Mike Marshfield started the conversation

    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,591
    Judith replied

    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

    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);
        }