Whoosh

Whoosh is an entrance with momentum. The object streaks through its own spot again and again, each pass crossing the one before it like an X seen from above, then comes in on one last line, brakes into place, overshoots a touch and settles. Leaving plays the same timeline backwards: it bolts off along that line, then streaks through its spot the other way round, and is gone.

How it works

Each streak runs straight through the object's resting spot at speed with a soft arc that alternates up and down, and the angle between crossings opens a little wider with every pair. While it streaks it stretches along its motion, keeping its volume, and banks into it. Between passes it briefly disappears. The final arrival brakes sharply, then it overshoots past its spot and rings back.

Settings

• Passes: fly-throughs before it settles; add duration when you add passes.
• Reach: how far each pass runs either side of its spot.
• Stretch: how long it gets while it streaks.
• Mirror: starts the first pass from the right.
• Duration: the whole entrance, or the whole exit.

Use it for

Hero product entrances, title reveals, sports and energy brands, and openings that should announce an object. Use it as the object's entrance when it is shown, on click or hover, or inside an action. It pairs naturally with an Afterimage trail or Light streaks, which draw each crossing.