EDITFRAMEMotion catalog
← Back to all studies

Motion study

Logo Clip Wipe

Loading…
Motif

Overview

clip-path inset left 100% → 0 on the mark. Optional leading edge.

Build

  1. 01

    wipeDuration 400–600ms.

  2. 02

    kicker after.

.logo { animation: hook-logo-wipe 500ms both }
Example source React / TSX

examples/logo-clip-wipe.tsx · Uses the catalog’s shared composition helpers.

Loading source…