Jump to content
Search Community

Lines of text appear before animation starts.

jimeast test
Moderator Tag

Warning: Please note

This thread was started before GSAP 3 was released. Some information, especially the syntax, may be out of date for GSAP 3. Please see the GSAP 3 migration guide and release notes for more information about how to update the code to GSAP 3's syntax. 

Recommended Posts

GSAP can't hide stuff until the page is ready, so you need to keep it hidden with CSS. Notice in the CSS how I set the visibility to inherit.

 

See the Pen QZZrdz by osublake (@osublake) on CodePen

 

 

 

I removed your demo because you had a paid plugin in there. Use these links for demos.

 

See the Pen OPqpRJ by GreenSock (@GreenSock) on CodePen

 

 

 

 

 

 

  • Like 6
Link to comment
Share on other sites

I changed to  visibility: inherit  but that just makes the word three disappear.  Maybe I should remove the text from the html and add it all in the script?  Or maybe I should change the css from hidden to visible in the script as soon as it loads.

 

Link to comment
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now
  • Recently Browsing   0 members

    • No registered users viewing this page.
×
×
  • Create New...