Headline drops in from above with a bounce
A bounce.out curve hits the resting position and rebounds off it, like something dropped onto a floor. It suits playful product spots and social cut-downs. For premium or corporate work it can feel toy-like; an overshoot is usually the better choice there.
enter: wrote 2 animated properties. Computed by ramin's planner when this page was built.
What you type
“Make the headline enter from above with a bounce”
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.position.y
- -65 → 40 over 0.65s, bounce.out
- Headline.appearance.opacity
- 0 → 1 over 0.3575s, quad.out
The easing
bounce.outHits the target and rebounds off it a few times, each rebound smaller, like a dropped ball.quad.outA mild deceleration. ramin uses it for opacity so a layer becomes visible before it finishes moving.