greenideas » iphone http://mwhenry.com/blog A blog by Matt Henry Fri, 02 Jul 2010 23:26:44 +0000 en hourly 1 http://wordpress.org/?v=3.0.1 Shiny CSS-only iPhone Buttons http://mwhenry.com/blog/2009/11/shiny-css-only-iphone-buttons/ http://mwhenry.com/blog/2009/11/shiny-css-only-iphone-buttons/#comments Fri, 27 Nov 2009 19:24:50 +0000 Matt Henry http://mwhenry.com/blog/?p=80 Just a quickie: I came up with these CSS-only iPhone-style buttons as part of a bigger pet project I’m working on. They make heavy use of -webkit-gradient instead of the typical PNG-based solution you typically see out there, such as in iUI.

The CSS is here, and be sure to check out the example buttons.

The one thing I’m not crazy about when you use these styles on an actual device is that the normal :active state doesn’t get triggered, so I kind of had to half-ass it with a :hover so you’d see the “active” style as the button sheet eases out (if you’ve wired the transitions together).

Enjoy, and please let me know if you find them useful.

]]> http://mwhenry.com/blog/2009/11/shiny-css-only-iphone-buttons/feed/ 0