[Creating a pre-loader with GSAP3 Stroke Reveal effect]

Ok, but for how much time I have the trial?

[Creating a pre-loader with GSAP3 Stroke Reveal effect]

Hi everyone!
 

I'm working on a landing page and I need to create a pre-loader that uses my handwritten logo as an SVG.
 

Desired effect:

The desired effect is a Stroke Reveal, implemented with GSAP3.

How can I achieve this effect?
 

Logo positioning:

After loading, the logo/preloader should be positioned centrally on the navbar.
 

Request for help:

To achieve this project, I would need your help.
 

What should I study? Best practices?

What resources and tutorials do you recommend to learn more about?:

• Creating pre-loaders
• Stroke Reveal effect with GSAP3
• Dynamic positioning of SVG elements
   

What can I get inspiration from?

Do you have any examples of websites or projects that use similar effects?
 

Conclusion:

Thank you in advance for your support!

Additional information:

•  I'm using GSAP3
• My logo is a handwritten SVG
• The landing page is developed in HTML, CSS and JavaScript
   

 

Thank you very much for your help!