Elastic headline entrance from the right
Elastic easing swings past the target and back several times before it rests. A horizontal entrance hides some of that oscillation in the direction of travel, so it reads as energy rather than wobble. Good for sports, gaming and anything that should feel springy.
enter: wrote 2 animated properties. Computed by ramin's planner when this page was built.
What you type
“Make the headline enter from the right with an elastic settle”
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.x
- 105 → 0 over 0.65s, elastic.out
- Headline.appearance.opacity
- 0 → 1 over 0.3575s, quad.out
The easing
elastic.outSwings past the target and back several times before it rests, like something on a rubber band.quad.outA mild deceleration. ramin uses it for opacity so a layer becomes visible before it finishes moving.