simurai avatar


UI Designer and CSS Doodler


This is a text blur demo with CSS. So far I just knew how to make text look blurry by adding a lot of text-shadows. But it’s more a glow, because the text still stays in front. But what if you wanna turn text into smoke? Luckily you can set the color to transparent and then you only see the text-shadow alone.

color: transparent;
text-shadow: #fff 0 0 100px;

That’s it! And if you animate it, it looks pretty cool.

See the Pen I ♥ BLUR by simurai (@simurai) on CodePen.

Edit this page, leave feedback or send a Tweet.