Nudge Up Avatar

Posted 2 years ago
via petervidani

Short URL

327 Notes

petervidani: simurai: I ♥ BLUR - Once again, I got distracted experimenting 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 text-fill-color to transparent and that gives your text a really nice smoky blur. text-shadow: #fff 0 0 100px; -webkit-text-fill-color: transparent; That’s it! And if you animate it, it get’s even sexier. See the Demo (Chrome/Safari only) omgg

petervidani:

simurai:

I ♥ BLUR - Once again, I got distracted experimenting 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 text-fill-color to transparent and that gives your text a really nice smoky blur.

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

That’s it! And if you animate it, it get’s even sexier.

See the Demo (Chrome/Safari only)

omgg

Tags

Replies

Likes

  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

 

Reblogs