hey stranger.

stereoj.am: life feed.
dc based freelancer: web, photo, dev


twitter.love.
flickr.love.

home base.
dont panic.
Home Ask Me Mobile random Rss Archive

Tuesday,  Oct 04th,  2011
picture
beautiful things. #css3 simurai: Where are the trees is an experiment trying to create a Tilt-Shift effect on Text using CSS3. Once again text-shadow was my best friend. By adding a bigger offset-y and blur-radius to the top and bottom edge, the text appears to have a lens blur that is typical for tilt-shift effects. There is also some rotate, rotateX and skewX to make the text match the perspective of the background image. See the live demo → Update: Good news for blur fans. CSS filters are coming and you can add blur to any DOM element.

beautiful things. #css3

simurai:

Where are the trees is an experiment trying to create a Tilt-Shift effect on Text using CSS3.

Once again text-shadow was my best friend. By adding a bigger offset-y and blur-radius to the top and bottom edge, the text appears to have a lens blur that is typical for tilt-shift effects. There is also some rotate, rotateX and skewX to make the text match the perspective of the background image.

See the live demo →

Update: Good news for blur fans. CSS filters are coming and you can add blur to any DOM element.

806:31 pm: stereojam241 notes
[lab] [CSS3] [CSS] [Text]

blog comments powered by Disqus
Notes
  1. popularconscience liked this
  2. popularconscience reblogged this from simurai
  3. batman70 reblogged this from yurigoytacaz
  4. jeen-hao reblogged this from free-rider
  5. idmserial reblogged this from free-rider
  6. free-rider reblogged this from simurai and added:
    Drake Zippyshare
  7. yurigoytacaz reblogged this from simurai
  8. outhorand reblogged this from simurai
  9. outhorand liked this
  10. roomthily liked this
  11. tl81 reblogged this from simurai and added:
    new Tumblr watchlist...#Filters, which fits in nicely with
  12. slsdesigns liked this
  13. mathewballard liked this
  14. themidnightcowboy reblogged this from simurai
  15. submeth reblogged this from olybop
  16. submeth liked this
  17. olybop reblogged this from simurai
  18. designloveinspiration reblogged this from simurai
  19. cybervenom reblogged this from simurai
  20. olbapdesign liked this
  21. pixelborne reblogged this from simurai and added:
    pretty cool little project
  22. pixelborne liked this
  23. edcrub reblogged this from simurai
  24. roelven liked this
  25. wirtaw liked this
  26. gewoonderrik reblogged this from simurai
  27. magictime liked this
  28. chadsnuts liked this
  29. jamescarlos liked this
  30. julian-9 liked this
  31. webtanblr liked this
  32. stereojam liked this
  33. stereojam reblogged this from simurai and added:
    beautiful things. #css3
  34. wasabiwasabi liked this
  35. fffforward liked this
  36. helloroxy reblogged this from simurai
  37. ceeceecee reblogged this from simurai and added:
    AMAZING! haven’t checked this...other browsers yet teehee! but still…AMAZING! :D
  38. develosign liked this
  39. mbaiti liked this
  40. mbaiti reblogged this from simurai
  41. designinglightning liked this
  42. junpluse liked this
  43. samosasinthebay liked this
  44. quixado liked this
  45. yewknee liked this
  46. waynesutton liked this
  47. nmutiara reblogged this from simurai
  48. artemicion liked this
  49. polymetis liked this
  50. chrisfrancis27 reblogged this from solipsism and added:
    Great idea, well executed.
  51. Show more notesLoading...

Previous Post | Next Post
this spaceperson made this theme, i slightly tweaked it. notimenotimenotime