These are currently built into a framework im building. I thought they looked similar to Anthony's but just a bit more subtle.
I tend not to go crazy with the gradients / shadows. So They are only applied subtly when the user hovers/presses the button.
There is the normal, hover and active state in this shot & coded in CSS3 & LESS (To auto generate different colour buttons) -
almost 2 years ago
Love this one
My only quibbble with these buttons is that though subtly is certain an artform and something I admire - the rounded corners don't really feel like rounded corners.
Rounded corners besides being trendy actually have a design purpose - to make the user feel like the interface is a little bit more friendly. Softer around the edges. Not so sharp, edgy etc.
So I think I would go at least 3px, if not 5px.
@mattdetails Your right, i made them 3px and they feel a bit better now. 5px looks a bit too extreme though.
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.