Add small bounce on hover to an icon/logo

Ask the community
,
1

I am trying to use wix code to add a small bounce whenever someone olaces the mouse over the icon. how do i set up the function?

2

Hi,
You can use the onMouseIn & onMouseOut to create hover effect and change the source of the image accordingly:

   $w('#image1').onMouseIn(()=>{
        $w('#image1').src = 'imageURL';
    });

    $w('#image1').onMouseOut(()=>{
        $w('#image1').src = 'imageURL';
    });

The imageURL is a placeholder of a string that represents the image URL. It can be either a media manager URL (an image that was uploaded to Wix Media manager). In this case, it should open the media manager for you to choose the relevant image. Note that in order for the media manager to be opened, I suggest that you write the code, and not copy it from the thread. The other option is simply adding an external URL of the image.

Good luck!
Tal.