Talentpilot Homepage animation

Intro animation with a glare done in Webflow for our client. The beam of light is a basic div with a radial gradient inside. It is nested into another outer div, which holds the video container, but the outer div acts as a mask for the radial gradient. There was no other way to create the illusion of a "stroke with a gradient," so I decided to leverage this workaround and create the animation inside.

Unfortunately, the client decided to remove the video, so the animation won't be visible anymore on the live website. However, it can still live here on Dribbble as a reminder of the sleepless night I spent creating it.

Let me know your thoughts! ✌️