19 Responses

  1. Dan Cederholm Dan Cederholm

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

    over 4 years ago

  2. Sam Brown Sam Brown

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

    That button is scrumptious too.

    over 4 years ago

  3. Sebastiaan de With Sebastiaan de With

    Hmm, I dig that glow a lot.

    over 4 years ago

  4. Luke Dorny Luke Dorny


    over 4 years ago

  5. Shaun Inman Shaun Inman

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

    over 4 years ago

  6. Trey Piepmeier Trey Piepmeier

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

    over 4 years ago

  7. Dave Shea Dave Shea

    @Trey - if it ain't, it could be.

    over 4 years ago

  8. Dan Cederholm 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 4 years ago

  9. Shaun Inman 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 4 years ago

  10. Luke Dorny Luke Dorny


    over 4 years ago

  11. Antonio Carusone 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 4 years ago

  12. Chad Engle Chad Engle

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

    over 4 years ago

  13. Josh Pigford 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 4 years ago

  14. Jesse Perry Jesse Perry

    Subtly awesome.

    over 4 years ago

  15. Adam Michela Adam Michela

    details.. details... nice!

    over 4 years ago

  16. Antonio Carusone 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:

    over 4 years ago

  17. Dan Cederholm Dan Cederholm

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

    over 4 years ago

  18. Antonio Carusone 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 4 years ago

  19. 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.

    about 4 years ago

keyboard shortcuts: previous shot next shot L or F like