Dc-2012

Buzz A.

by Dan Cederholm Pro Dec 17, 2009
Buzza
1 bucket
help 1 rebound
Tweet
986 views
http://drbl.in/Mk
Icon-colordrop

Tags

  1. 32
  2. 21
  3. 19
  4. 15
  5. 13
  6. 12
  7. 10
  8. 8
  9. 8
  10. 6
  11. 2
  12. 1
  13. 1

19 Responses

  1. Pro Dc-2012 Dan Cederholm

    Working on :focus states with box-shadow and refining the button.

    over 2 years ago

  2. Pro Sam-train-80px Sam Brown

    Ohh, I like this a lot. The default Safari one always needs toned down.

    That button is scrumptious too.

    over 2 years ago

  3. Pro E2759990ebc89771801a8e31caafede2ef6c7289_full Sebastiaan de With

    Hmm, I dig that glow a lot.

    over 2 years ago

  4. Apple-touch-icon Luke Dorny

    Aldrin?!

    over 2 years ago

  5. Pro Si-tn Shaun Inman

    Website: The username Aldrinaut has already been taken.
    Buzz A.: *punches website in the face*

    over 2 years ago

  6. Wednesday Trey Piepmeier

    Tell me that button is just CSS styled. That would be awesome.

    over 2 years ago

  7. Pro Avatar-large2 Dave Shea

    @Trey - if it ain't, it could be. http://dribbble.com/shots/1604-Webkit-FTW

    over 2 years ago

  8. Pro Dc-2012 Dan Cederholm

    @Shaun: Now that video just made my day. Need a way to incorporate :)

    @Trey @Dave: Pure CSS3 indeed. You gotta love Webkit, eh?

    over 2 years ago

  9. Pro Si-tn Shaun Inman

    First time I saw it (I think Gruber or Baio linked it a while back) I watched it over and over. And over. And then converted it to a current mood gif. Or would have if I could have stopped watching it.

    over 2 years ago

  10. Apple-touch-icon Luke Dorny

    lollipop.

    over 2 years ago

  11. Logo Antonio Carusone

    Wow this is gorgeous! It's all CSS? Button transparency and field highlight and shadow? Would love to see the code for it. ;)

    over 2 years ago

  12. Pro 500px Chad Engle

    Subtle glow and the nice Subscribe button.
    "My name is Chad Engle & I support this design."

    over 2 years ago

  13. Pro Josh_avatar_big_02_300x300 Josh Pigford

    The web would seriously be a prettier place if it were all made of Webkit. :) That or people would abuse the crap out of -webkit-gradient and our heads would explode...

    over 2 years ago

  14. Pro Sepiajess Jesse ✖ Perry

    Subtly awesome.

    over 2 years ago

  15. Img_0002_1-medium Adam Michela

    details.. details... nice!

    over 2 years ago

  16. Logo Antonio Carusone

    Dan, you inspired me to figure out on my own on how to create this look using CSS so I did a little exercise where I tried to replicate your form. I think I got pretty close and learned a thing or two while doing this. Pretty amazing what you can do in Webkit. You can see the example here:

    http://yearofthesheep.com/css3/

    over 2 years ago

  17. Pro Dc-2012 Dan Cederholm

    @Antonio Bravo! Amazing at how simple and flexible it is, isn't it? :-)

    over 2 years ago

  18. Logo Antonio Carusone

    Yeah it's great. Wish this was more widely supported. Not having to use images to create this is a game changer.

    over 2 years ago

  19. Dc-2012

    Pulse_teaser Pulse Adding CSS3 pulse animation (for Webkit viewers) on the case study form's :focus and :hover states using the aforementioned box-shadow treatment. Mouse ove... January 26, 2010

    Rebound

    Pulse

    by Dan Cederholm

    Adding CSS3 pulse animation (for Webkit viewers) on the case study form's :focus and :hover states using the aforementioned box-shadow treatment.

    Mouse over the submit button and watch it glow like something out of like something out of a futuristic sci-film fake UI.

    Fun stuff.

    over 2 years ago

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