Move image 2 when hovering image 1

[Lyser]

Hello,
i have a image with reflection of it :

I have put on image 1 an effect to move it to 5px top when u hover it :

How can i move image 2 to 5px bottom when i hover image 1 ?

[prakash_s]

Hello @Lyser,

Thanks for writing to us.

The feature that you want would require custom development. I would suggest you contact a developer who can assist you with your concern. Please note that we don’t provide custom development support. It is out of the support scope.

Thanks for understanding

[Lyser]

Ok i understand, here is the solution i found elsewere :

Put id names and add js :

jQuery(document).ready(function($) {
  $('#image1').on('mouseenter', function() {
    $("#image2").addClass("move5px");
  });
  $('#image1').on('mouseleave', function() {
    $("#image2").removeClass("move5px");
  });
});

and css with a transition for animation :

#image2 { transition: 150ms; }
.move5px{
   padding-top:5px; 
}

[tristup]

Hi @Lyser,

Thanks for sharing it.