hover Is there any chance to create something like this ?

[LhDev]

I'm requested to create something like this 

but I find really complex to create it, the easy way is to just listen to mouse hover event over a element but as u can see and test in the website :

https://epica.ru/

the hover effect is way complex then regular add addEventListener("mouseover"

do u have any idea from to start ?

See the Pen yyYrmJg by stuff-lh (@stuff-lh) on CodePen.

[Rodrigo]

Yeah, everything is possible, although something like that is not the simplest thing to achieve. There is definitely a lot of transforms going on there, scale and translate. You should start by creating a Timeline that animates each row in a specific way and based on the mouse position set the progress of each Timeline or the entire timeline that controls the entire grid (I'd go with each row though).

 

Hopefully the demos in this thread can help:

 

Happy Tweening!

[LhDev]

@Rodrigo

thank you so much I will try to start from that code snippet u provided

I think it gonna b a good start although  that affect I find it really complex given my current level

but let try