Getting Started with GSAP: Core Features Made Easy Quiz

1. Purpose of GSAP

   In the context of GSAP, what is the primary purpose of the library when building web interfaces?

   1. An animation library for tweening numeric values in interfaces
   2. A markup preprocessor
   3. A data visualization charting engine
   4. A database query language
   5. A stylesheet reset and normalizer

2. Basic Tween Creation

   If you want to animate an element from its current properties to new values in GSAP, which method would you typically call?

   1. to()
   2. from()
   3. set()
   4. sequence()
   5. go()

3. Sequencing Animations

   When sequencing multiple animations with precise timing in GSAP, which feature lets you control their order on a single time axis?

   1. timeline
   2. timelime
   3. queue
   4. pipeline
   5. group

4. Understanding Eases

   In GSAP, what does an ease control when animating values like x or opacity?

   1. It defines how the animation accelerates and decelerates over time
   2. It sets the number of elements to animate
   3. It chooses the rendering engine
   4. It toggles GPU acceleration
   5. It locks the frame rate at 60

5. Staggered Animations

   When applying a stagger of 0.15 to a tween targeting multiple items in GSAP, what effect occurs?

   1. Each target starts its animation 0.15 seconds after the previous one
   2. All targets start together and last 0.15 seconds total
   3. Each target waits 0.15% of its duration before starting
   4. The animation runs 0.15 times faster than normal
   5. The first target delays by 0.15 seconds and all others wait 1 second

6. Repeating and Reversing

   Which tween property in GSAP makes an animation automatically reverse direction on every alternate repeat?

   1. yoyo: true
   2. reverse: auto
   3. flipFlop: 1
   4. pingPong: true
   5. yoyyo: true

7. Completion Callback

   Which GSAP callback runs exactly once after a tween finishes all its repeats and reaches the end?

   1. onComplete
   2. onStart
   3. onRepeat
   4. onUpdate
   5. onInterrupt

8. Setting Values Instantly

   Which GSAP method would you use to immediately apply properties without animation, for example to set opacity to 0 before a sequence?

   1. set()
   2. to()
   3. fromTo()
   4. lock()
   5. freeze()

9. Default Units

   When animating a transform translation using x: 100 in GSAP without specifying units, what unit is assumed by default?

   1. pixels (px)
   2. percent (%)
   3. seconds (s)
   4. degrees (deg)
   5. viewport width (vw)

10. from() vs to()

    What is the main difference between from() and to() tweens in GSAP when animating a property like opacity?

    1. from() animates from the provided starting values to the current state, while to() animates from the current state to the provided end values
    2. from() and to() are identical but have different names
    3. from() only works on colors, while to() only works on numbers
    4. from() always uses percentages, while to() always uses pixels
    5. from() requires a timeline, while to() cannot be placed in a timeline