Trigger image animation only on image hover?

  • Resolved coe13

    (@coe13)


    1 year, 9 months ago

    Currently, the image animation is triggered by hovering anywhere over the content wrapper. I need for the animation to only be triggered by hovering over the actual image. What do I need to change?

    Also, it would be nice if there was a setting to change the animation speed. Currently, you have to write some css to change it.

Viewing 2 replies - 1 through 2 (of 2 total)
  • Thread Starter coe13

    (@coe13)

    I found it. In case anyone else wants to know, this is the CSS to stop the zoom in animation when over anything other than the image:

    .ultp-block-item:hover .ultp-block-image-zoomIn img {
    transform: none;
    }

    To change it for other animations, it should be the same other than changing the .ultp-block-image-zoomIn to the appropriate class for that animation.

    Tonmoy

    (@azimkhan123)

    Hi,
    Glad that you found the desired solution ??

Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘Trigger image animation only on image hover?’ is closed to new replies.