Clip-Path Reveal

Uses CSS clip-path to reveal content in geometric or organic shapes.

Creative, modern, polished

Professional

Casual

Exotic

Visual impact

Difficulty

Performance cost

Best use: Hero sections, cards, galleries

Obscura^® Photographic Editions — N°04

Field Notes / Reykjavík ’26

Chasing the vanishing light.

A winter series shot on a single 35 mm lens — every frame uncovered the way the eye finds it: one shape at a time, drawn out of the dark.

35 MM · ƒ/1.4 · ISO 200

Snow-lit ridge fading into low winter cloud — **Plate 01**Vanishing Ridge

Brutalist concrete facade in raking light — **Concrete N°7**`polygon()`

Black-sand coastline meeting a pale northern sea — **Tide Line**`circle()`

Wet harbour street at blue hour — **Harbour, dusk**`inset()`

Technique: animated clip-path — a circle() iris opens the hero on scroll & Replay, while the tiles morph polygon() / circle() / inset() shapes on hover