Thank you for sharing these.<p>Suggestions: Add hover- and mouse-down styles for all of them. For example "Launch" only has a hover-style, but does not change when you press it. (on Chrome/OSX at least)
I'm a big fan of ZURB's CSS3 buttons: <a href="http://www.zurb.com/blog_uploads/0000/0617/buttons-03.html" rel="nofollow">http://www.zurb.com/blog_uploads/0000/0617/buttons-03.html</a>
More button styles you could add to the gallery:<p><a href="http://www.sencha.com/blog/2010/08/23/resolution-independent-mobile-ui/" rel="nofollow">http://www.sencha.com/blog/2010/08/23/resolution-independent...</a> (resolution independent buttons!)<p><a href="http://www.webdesignerwall.com/demo/css-buttons.html" rel="nofollow">http://www.webdesignerwall.com/demo/css-buttons.html</a><p><a href="http://lab.simurai.com/css/buttons/" rel="nofollow">http://lab.simurai.com/css/buttons/</a> (super juicy and glossy! mind the flaws)<p><a href="http://brandonmathis.com/blog/2009/11/19/fancy-buttons-are-here/" rel="nofollow">http://brandonmathis.com/blog/2009/11/19/fancy-buttons-are-h...</a> (complicated)
The redact one looks like it degrades gracefully in IE8 and 7. I noticed these are all using the <button> tag. Hopefully they look just as good with the <input type='submit'><p>Have been looking for a good CSS button for a while that degrades gracefully in IE's, and can be used as a submit tag as well as link, etc. Does anyone have a favorite?
I had written a detailed article about it before - <a href="http://blog.anomalyinnovations.com/2010/03/creating-a-realistic-looking-button-with-css3/" rel="nofollow">http://blog.anomalyinnovations.com/2010/03/creating-a-realis...</a><p>It uses a gradient image but that could easily be replaced with the CSS3 gradient.
very cool. Might I request some that look like the buttons in Tender? I like the smooth minimalism:<p><a href="http://tenderapp.com/tour/collect/" rel="nofollow">http://tenderapp.com/tour/collect/</a>