Springy scale pop for a headline
A pop scales the layer up to full size. Asking for elastic or overshoot turns it into a spring, which you tune with stiffness and damping instead of a duration. Use it for price callouts, badges and end-card logos: anything that should feel like it lands with a thump.
pop: wrote 3 animated properties. Computed by ramin's planner when this page was built.
What you type
“Pop the headline with an elastic overshoot”
The studio opens on its starter project, a headline, a kicker, a backdrop and a ring of chips, and applies this prompt to it. Change any number afterwards.
What lands in the inspector
- Headline.transform.scale.x
- 0.65 → 1 over 0.7875s, spring 220/18
- Headline.transform.scale.y
- 0.65 → 1 over 0.7875s, spring 220/18
- Headline.transform.scale.z
- 0.65 → 1 over 0.7875s, spring 220/18
The easing
springA spring simulation. Its duration is solved from stiffness and damping rather than set, so tune those two numbers instead.