Outline Text Hover

Switches between filled and outlined typography on hover.

Editorial, creative, clean

Professional

Casual

Exotic

Visual impact

Difficulty

Performance cost

Best use: Navigation, large headings

Meridian

Independent design & type studio

IndexVol. 07 — 2026

Technique: -webkit-text-stroke + transparent fill (the outline), wipe-revealed with a gradient under background-clip: text