Tagged: 

Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • January 20, 2020 at 1:22 pm #1176283
    Bryan_multigioco

    Hi!
    On layerslider I would like to create a hover effect on an image created with another image is it possible?
    I mean to have an image for example a white image and when the mouse hovers the image turns black (2 png images created one white and one black)

    January 21, 2020 at 2:41 pm #1176744
    Yigit

    Hey,

    Thanks for contacting us!

    Have you already created your slider? If so, can you please share a link so we can see?

    You can add following code to Quick CSS in Enfold theme options > General Styling to turn images into grayscale on hover

    .ls-bg-wrap img:hover {
    -webkit-filter: grayscale(100%);
    filter: grayscale(100%);
}

    Best regards,
    Yigit

    January 21, 2020 at 5:46 pm #1176855
    Bryan_multigioco

    Hello, no, I haven’t made any changes yet, I was waiting for your news. In any case, I mean a hover effect with the image created by me and not in grayscale.

    See Attachment: https://ibb.co/gVysHMm

    As you can see from the image in the link, I have created two versions, I would like that once the mouse is hovered over the first image the second is shown

    January 22, 2020 at 2:46 pm #1177202
    Bryan_multigioco

    I found the solution, loading both images but when the mouse hovers over the first it becomes opacity 0 and then the second is shown. thanks anyway!

  • Author
    Posts
Viewing 4 posts - 1 through 4 (of 4 total)
  • The topic ‘Roll hover Image Layerslider’ is closed to new replies.