Logo Reveal Animation

Animates a logo into view through drawing, masking, or motion.

Premium, branded, memorable

Professional

Casual

Exotic

Visual impact

Difficulty

Performance cost

Best use: Homepages, intros, launch screens

.lr-draw{stroke-dashoffset:0!important} .lr-corner,.lr-eyebrow,.lr-tag,.lr-rule,.lr-bloom,.lr-starfill,.lr-dots,.lr-ch{opacity:1!important} .lr-eyebrow,.lr-tag,.lr-ch{transform:none!important} .lr-rule{transform:scaleX(1)!important}.lr-bloom{transform:translate(-50%,-50%) scale(1)!important} .lr-fill{width:100%!important}.lr-mark{filter:drop-shadow(0 6px 22px rgba(230,200,127,.4))}

Precision, Perfected

MERIDIAN

Fine Instruments · Horology · Est. MMXXIV

Technique: stroke-dashoffset line-draw on an inline SVG (normalised with pathLength="1"), choreographed by staggered @keyframes; the wordmark rises behind an overflow:hidden mask