Listen. Listen. Read. That's why God gave us two ears, two eyes, then one mouth.

This is the place where Alan posts random and rambling things. Do you know that he also writes here?

 

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.

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.

  1. jeen-hao reblogged this from free-rider
  2. idmserial reblogged this from free-rider
  3. free-rider reblogged this from simurai and added:
    Drake Zippyshare
  4. yurigoytacaz reblogged this from simurai
  5. outhorand reblogged this from simurai
  6. tl81 reblogged this from simurai and added:
    new Tumblr watchlist...#Filters, which fits in nicely with
  7. themidnightcowboy reblogged this from simurai
  8. submeth reblogged this from olybop
  9. olybop reblogged this from simurai
  10. designloveinspiration reblogged this from simurai
  11. cybervenom reblogged this from simurai
  12. pixelborne reblogged this from simurai and added:
    pretty cool little project
  13. edcrub reblogged this from simurai
  14. gewoonderrik reblogged this from simurai
  15. stereojam reblogged this from simurai and added:
    beautiful things. #css3
  16. helloroxy reblogged this from simurai
  17. ceeceecee reblogged this from simurai and added:
    AMAZING! haven’t checked this...other browsers yet teehee! but still…AMAZING! :D
  18. mbaiti reblogged this from simurai
  19. nmutiara reblogged this from simurai
  20. chrisfrancis27 reblogged this from solipsism and added:
    Great idea, well executed.
  21. alanisalan reblogged this from simurai