Clip-Path Page Transition

Uses CSS clipping shapes to transition between pages.

Creative, premium, dynamic

Professional

Casual

Exotic

Visual impact

Difficulty

Performance cost

Best use: Portfolios, agencies, campaigns

MERIDIAN design studio

Independent studio — Est. 2014

We build brands that refuse to sit still.

Meridian is a fourteen-person studio shaping identities, motion systems and digital products for people with something to prove.

BrandingMotionDigitalArt Direction

Recent identity project for Atrium Group — Fig. 01 — Atrium Group01 / 04

Technique: animated clip-path: polygon() — two staggered panes sweep a diagonal wipe over the stage; the view swaps at full cover, then the panes wipe off-screen to reveal it

Clip-Path Page Transition

We build brands that refuse to sit still.

Recent obsessions.

Twelve humans, one stubborn point of view.

Let’s make something loud.