Questions
Fantastic progress! You've completed Part I: "Introduction and Basics" of our journey into mastering web animation with GSAP. To test your understanding and recall of the concepts covered in the first two chapters, here's a quiz. Try your best to answer these questions before checking the solutions. Good luck!
Question 1: What does GSAP stand for, and why is it a preferred tool for web animations?
Question 2: Explain the difference between gsap.to(), gsap.from(), and gsap.fromTo() methods.
Question 3: Describe what 'tweening' is in the context of GSAP.
Question 4: How does the ease property affect a GSAP animation?
Question 5: What is the primary purpose of a GSAP timeline?
Question 6: How can you create a simple fade-in animation for a div element using GSAP?
Question 7: Why is it beneficial to use the GSAP Timeline for complex animations?
Question 8: How can you repeat an animation indefinitely using GSAP?
Question 9: Provide an example of how you would stagger the animation of multiple elements using GSAP.
Question 10: What are some key reasons for using web animations, as discussed in Chapter 1?