CSS3 is my boyfriend

25 Responses

1. Pro Meagan Fisher

   And nary a background image was seen that day.

   (Except for one to create that folded image shadow.)

   3likes

   11 months ago

2. Ari

   That inner shadow seems a bit too strong...

   2likes

   11 months ago

3. Pro Meagan Fisher

   @Ari YOUR FACE IS TOO STRONG. (Jk, I agree.)

   20likes

   11 months ago

4. Pro Matthew Spiel

   Not even for the triangle? DO TELL?!

   1likes

   11 months ago

5. Pro Meagan Fisher

   @Matthew Spiel Blog post time!

   1likes

   11 months ago

6. Pro Meagan Fisher

   Also @Matthew Spiel You can also just cheat and use: http://cssarrowplease.com/. ;)

   9likes

   11 months ago

7. TJ Kelly

   Liked for title alone. And then of course for general awesomeness.

   11 months ago

8. Pro Matt Hryhorsky

   I liked that cssarrowplease comment not because I like cheating, but because I like "being resourceful".

   4likes

   11 months ago

9. Pro Alex Parker ⇢ ☁

   Is HTML5 jealous?

   1likes

   11 months ago

10. Pro Meagan Fisher

    @Matt Hryhorsky I was kidding about the cheating thing dude. Obvs.

    11 months ago

11. Thomas Sturge

    There is a jQuery script that can create funky shadows http://syddev.com/jquery.shadow/

    2likes

    11 months ago

12. Pro Mason Yarnell

    I always enjoy your work, @Meagan! Proxima is looking crispy!

    11 months ago

13. Pro Matt Hryhorsky

    @Meagan Fisher Haha, of course. Tongue firmly planted in cheek.

    11 months ago

14. Pro Remko Dijksma

    nice work @Meagan Fisher In case you didn't know if you create 2 overlapping shadows you can create sharper ones!:)

    1likes

    11 months ago

15. Pro Matthew Spiel

    @Meagan Fisher i see what you did there.

    11 months ago

16. Pro Julie Ng

    @Meagan Fisher cssarrowplease is old school mark-up.

    You can't style a border. You should use the ::before to place a rotated square behind the main "bubble". Big advantage if you were to add a gradient to that speech bubble.

    Just my two cents :-)

    11 months ago

17. Pro Josh Holloran

    Meagan, you can do that shadow with CSS3 too - http://nicolasgallagher.com/css-drop-shadows-without-images/demo/

    1likes

    11 months ago

18. Pro Anthony Lam

    this is amazing!

    11 months ago

19. Pro Mani

    super clean @Meagan Fisher

    11 months ago

20. Jeremy Thomas

    You can achieve that folded image shadow in CSS3.

    3likes

    11 months ago

21. Dan Eden

    Super! And yeah, CSS can do that.

    11 months ago

22. Pro Kartik Mahant 

    Nice.

    11 months ago

23. Andrey S. Rodrigues ☝

    nice one

    11 months ago

24. Pro Falko Joseph

    Diggin' this... and the title. That's the main reason why I'm here, lol.

    11 months ago

25. Pro Ryan Bales

    That inner shadow isn't too strong. It's fine and dandy.

    1likes

    10 months ago