Working on :focus states with box-shadow and refining the button.
over 4 years ago
Ohh, I like this a lot. The default Safari one always needs toned down.
That button is scrumptious too.
Hmm, I dig that glow a lot.
Website: The username Aldrinaut has already been taken.
Buzz A.: *punches website in the face*
Tell me that button is just CSS styled. That would be awesome.
@Trey - if it ain't, it could be. http://dribbble.com/shots/1604-Webkit-FTW
@Shaun: Now that video just made my day. Need a way to incorporate :)
@Trey @Dave: Pure CSS3 indeed. You gotta love Webkit, eh?
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.
Wow this is gorgeous! It's all CSS? Button transparency and field highlight and shadow? Would love to see the code for it. ;)
Subtle glow and the nice Subscribe button.
"My name is Chad Engle & I support this design."
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...
details.. details... nice!
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:
@Antonio Bravo! Amazing at how simple and flexible it is, isn't it? :-)
Yeah it's great. Wish this was more widely supported. Not having to use images to create this is a game changer.
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.
about 4 years ago
keyboard shortcuts: ← previous shot → next shot L or F like
Show and tell for designers
What are you working on? Dribbble is a community of designers sharing screenshots of their work, process, and projects.
Copyright © 2009–2014 Dribbble LLC. All screenshots © their respective owners. Shipped from Salem, Mass. USA.