Streaming live at 10am (PST)

Connecting custom code to div classes

Help urgently please!! How to connect this code to classes?

from this form: Interaction to change z-index

$(".your-element").hover(function(){
    $(".other-element").css("z-index", "10");
    }, function(){
    $(".other-element").css("z-index", "1");
});

You can use simple CSS hover

<style>
.element:hover{
   z-index: 1000;
}
</style>

Anyway add live URL and read-only link (It’s hard to know why this code not working for you like this).

Hello, thanks for the help. I still can’t figure it out.

it is necessary that the image covered the rectangle when you hover the mouse.

Here is my public share link: https://dkdk.webflow.io/1
Here is my site Read-Only: LINK

Move before body (after jquery loads) (Right click - inspect -> console to see the errors):

OMG it really worked! I wanted to achieve this effect, thanks!

Great :slight_smile: Mark as solution to close this topic

Sorry to bother you again. Can I do the animation without jerking?
when you move the mouse quickly, the animation does not have time to fully reproduce and stops.

Here is my public share link: https://dkdk.webflow.io/2
Here is my site Read-Only: LINK