Secure checkout by Lemon Squeezy

FREE ReCreate ep02 | Lines & Text reveal animation GSAP code

$0.00+

Suggest a price:
$

We'll recreate an animation in Webflow with GSAP.

You can check the detailed Webflow tutorial video on Youtube for free:

https://www.youtube.com/watch?v=lpFDerbiByw

I found this cool page-load line animation on Awwwards. It is a SOTD website called Odin's Crow. The website is made by Obys agency.

I use GSAP to recreate the movements, you'll also find some custom CSS for a data attribute trick.

About the GSAP code

I use from animations so in the video, you will find the end "scene". Basically, we can create these types of animations with basic knowledge, I had to use here a javascript cycle, but it isn't a big deal, I describe it in the Readme file.
So.. happy coding!

Want this for free?

Enter the email address we should send it to below.

Merchant of Record services provided to Fluid Design Studio by Lemon Squeezy

Terms·Privacy·Help·