Screen shot 2012-01-10 at 12

Blue CSS3 Button

by Marvin Jan 24, 2012
Lightbluebutton
6 buckets
Tweet
564 views
http://drbl.in/cRie
Icon-colordrop

Tags

  1. 1
  2. 1
  3. 1
  4. 1
  5. 1
  6. 1
  7. 1
  8. 1

19 Responses

  1. Screen shot 2012-01-10 at 12 Marvin

    i played around with dabblet today and this is the first outcome:

    1. normal state
    2. hover state
    3. pressed state

    in action with css3: http://dabblet.com/gist/1669884

    4 months ago

  2. Pro Julie-sq Julie Ng

    Nice!

    My only suggestion is that the pressed state doesn't look "pressed" enough and if since it looks pressed, the normal one looks like it should come off the page a bit more. But just tiny details :-)

    likes

    4 months ago

  3. Ava-small Christoph Bach

    A little too glossy for my taste, but looks pretty cool :)

    likes

    4 months ago

  4. Screen shot 2012-01-10 at 12 Marvin

    @Julie thanks for the hint, but you could try the live demo for a better feeling of the pressed state, because it's animated ;)

    @Christoph yea i know, you're right, just wanted to play around with css3 box shadows a little bit ;)

    4 months ago

  5. Pro Moi Roxy Chaney

    Really gorgeous styles! I especially love to see front end design work on Dribbble. Thanks for introducing me to Dabblet too :)

    likes

    4 months ago

  6. Screen shot 2012-01-10 at 12 Marvin

    thanks roxy!

    4 months ago

  7. Pro 578856_663049092976_83504142_31964175_692682295_n Caleb Royce Lummer

    those.....are some lovely buttons ;) welcome!

    likes

    4 months ago

  8. Pro Sticker Artcore Illustrations

    Super nice!!! :)

    likes

    4 months ago

  9. Pro Case5 Case Morton | inkstache

    I can't believe I've never seen dabblet before. This is awesome!

    likes

    4 months ago

  10. Pro Kerem Kerem Suer

    I don't usually like glossy stuff, but this looks very clean. And loving the transitions. Well done.

    likes

    4 months ago

  11. Pro Julie-sq Julie Ng

    @Marvin, yep I tried. I love the hover state :-)
    But I still feel the same about the pressed state.

    likes

    4 months ago

  12. Screen shot 2012-01-10 at 12 Marvin

    @Julie okay maybe i try to improve it then ;)

    4 months ago

  13. Pro Thumb-s Mato

    nice, thanks for the html/css preview ;)

    likes

    4 months ago

  14. Pro Float Aran Jackson

    Nice. Welcome to Dribbble, Marvin! :-)

    likes

    4 months ago

  15. Screen shot 2012-01-10 at 12 Marvin

    @Aran thank you :)

    4 months ago

  16. Avatar Andrey Dyadyura

    God of css3 :)

    4 months ago

  17. Screen shot 2012-01-10 at 12 Marvin

    haha, thanks andrey :-)

    4 months ago

  18. Jf_netprofiles_transparent Juicefoozle

    nice, thanks a lot for sharing the css3 insights.

    likes

    4 months ago

  19. Pro Misspato-420x420 Patricia Carvalho

    Quite like them :-)

    3 months ago

keyboard shortcuts: ← previous shot → next shot L or F like