Entrances

Headline slides in from the left on a smooth curve

A cubic.out slide with no overshoot is the quiet option: it decelerates into place and stops. Reach for it in explainer and editorial work, or when the headline sits next to a product shot that should keep the attention.

slide: wrote 2 animated properties. Computed by ramin's planner when this page was built.

What you type

“Slide the headline in from the left smoothly”

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, cubic.out
Headline.appearance.opacity
0 → 1 over 0.3575s, quad.out

The easing

cubic.outA gentle deceleration into place. Smooth, with no overshoot.
quad.outA mild deceleration. ramin uses it for opacity so a layer becomes visible before it finishes moving.

Related recipes