Chapter 51: Timeline.fromTo()

Core Idea

fromTo() inserts a .fromTo()-style tween into the timeline — shorthand for add(gsap.fromTo(...)).

Reference Tables

Parameter	Type	Description
target	Object | Array | String	target(s) or selector text
fromVars	Object	starting values only (no special props like duration/ease here)
toVars	Object	ending values + special props
position	Number | String	where in the timeline

Code Examples

tl.fromTo(".box", { opacity: 0 }, { opacity: 1, duration: 1 });

Anti-patterns

• Putting duration/ease/delay in fromVars: those special properties belong only in toVars.

Connects To

• Timeline.from() / to(): the other tween-insertion shortcuts.