Tweens

GSAP will tween, what can be created in CSS first.

What can be Tweened?

"GSAP can animate almost any CSS-related property of DOM elements". See Documentation.

<aside> 📌 Remember any CSS Transform property can be animated

</aside>

.to()

Basic to() these properties tween with single option.

Tween: Basic to() Tween

to() tween with multiple options.

Tween: With Options

.from()

Basic from() these properties tween with single option.

Tween: from()

.fromTo()

Base fromTo() from these properties to these properties. Define both the starting and ending values for an animation

Tween: fromTo()

References

Docs

Animating SVG with GSAP