Smoke Vapor drifts your word into existence out of nothing. The letterforms condense from rising vapour, edges never quite settling, and keep breathing after they arrive.
What Smoke Vapor is good for
Mystery, thriller and noir titles
Perfume, incense and atmospheric product branding
Ambient and downtempo music art
How this animation is built
feTurbulence generates the vapour field and feDisplacementMap pushes the glyph edges along it continuously, so the letterforms never lock to a fixed shape. sm-rise carries the whole thing upward while feGaussianBlur keeps the boundary between text and smoke ambiguous.
Tips for Smoke Vapor
Give it time. Smoke that arrives quickly reads as a blur rather than vapour.
Dark, low-contrast backgrounds suit it; anything busy competes with the drift.
Smoke Vapor questions
Why do the edges keep moving after it appears?
The displacement runs continuously rather than stopping at the reveal. Vapour that froze into crisp letters would break the illusion the whole style depends on.
Related animation styles
Flaming Text — Flames lick upward from letters standing in white-hot fire
Burning Text — Charred letters engulfed in a roaring inferno of tall flames
Blue Fire — Ghostly blue flames rising off cool glowing letters
Smoke Wisp — Pale ghost letters that waver and drift apart like smoke
Molten Rune — Stone-carved letters flooding with molten gold as embers rise
Abyss Caustics — Underwater light ripples over pale type as bubbles rise