How to achieve this Hover Effect on Horizontal Line

[Mosiah (Mosiah Rashaad)]

Hello,

Does anyone have an idea as to how I can achieve the hover effect on the line borders that this user implemented in his website?

Video of the animation here

I cant seem to find the right terminology to describe this animation in order to find tutorials online. Is it possible to implement this with the native tools in Webflow or is this a custom code animation?

---

Here is my public share link: LINK
(how to access public share link)

[Stan (justAnotherDeveloper)]

@Mosiah

Is it possible to implement this with the native tools in Webflow

no

@Mosiah

is this a custom code animation

Yes

When you look into source code you will find that this website use combination of three.js and gasp libraries

Good luck

[Mosiah (Mosiah Rashaad)]

Thank you very much for your response @Stan! I will do a deep dive on the three.js and gsap libraries that you provided

Cheers