Jump to content


How to make our animation not to carry out at the beginning, only after clicking ?

Recommended Posts

Hey Masohas and welcome to the GreenSock forums.


It's not clear exactly what you're wanting to do. Here I setup how to toggle the timeline on click (I removed the irrelevant HTML and CSS):

See the Pen oNjZRER?editors=0010 by GreenSock (@GreenSock) on CodePen


Feel free to ask if you have any questions about my approach.


Make sure to use the new GSAP 3 formatting. I highly recommend spending time learning everything in our getting started article:


I also highly recommend going through my article on animating efficiently. It has several tips that can help you get basic interaction working: https://css-tricks.com/tips-for-writing-animation-code-efficiently/

  • Like 1
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.