I ♥ BLUR - A text blur demo with CSS3. ;-) So far I just knew how to make text look blurry by adding a lot of text-shadows like in this example by David. 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 demo.

  1. ranerg reblogged this from simurai and added:
    I ♥ BLUR - A text blur demo with CSS3. ;-) So far I just knew how to make text look blurry by adding a lot of...
  2. jeen-hao reblogged this from free-rider and added:
    (via simurai)
  3. idmserial reblogged this from free-rider and added:
    (via simurai)
  4. free-rider reblogged this from simurai and added:
    Randy Dave Collection
  5. matthew-harrison reblogged this from simurai
  6. bluray3d reblogged this from simurai
  7. how-to-text--a-girl reblogged this from simurai
  8. furiael reblogged this from simurai
  9. jalbertbowdenii reblogged this from simurai
  10. simurai posted this
simurai simurai

I’m a UIX Designer and like to experiment with CSS3. This site is my personal playground.

About
Contact