The Web

10 Responses

1. Pro Mariusz Cieśla

   The Web. For the personal blog.

   almost 2 years ago

2. Phillip Lovelace

   Nice! Can't wait to see the rest! Welcome to dribbble!

   almost 2 years ago

3. Aaron Irizarry

   Nice shot welcome to dribbble

   almost 2 years ago

4. Pro Rogie

   Cool shadowing!

   almost 2 years ago

5. Pro Mariusz Cieśla

   @Rogie: thanks, want to keep it in "old poster" feeling. It's awesome that you actually can do stuff like that in CSS3 already, but it works only in Safari/Chrome. ;)

   almost 2 years ago

6. Pro Miro Keller

   Can you? How do you make that crossed pattern? Cool stuff!

   almost 2 years ago

7. Pro Mariusz Cieśla

   @Miro: you need to use background-clip:text in Safari with a background image on text to get the effect. Gonna use graphics though until it is more widely adapted.

   almost 2 years ago

8. Oskar Krawczyk

   I'd probably just go for progressive-enhancement – if a browser doesn't support it (IE8+), it doesn't display it.

   But again, it's a matter of preference, and how dated browsers you really want to support.

   almost 2 years ago

9. Pro Trent Walton

   @Oskar: Possibly, but the bg-clip:text property breaks terribly in non-supporting browsers. It'll typically just show the image over the text... no letters at all.

   almost 2 years ago

10. Pro Mariusz Cieśla

    @Oskar: as Trent already pointed out, it's disaster in non-supporting browsers (which is all of them except Webkits at this point) - it shows text twice due to usage of :after and shows the cross-hatch image as a background over the text.

    almost 2 years ago