Pixel Perfect Buttons With CSS3 →
TweetPosted on July 10, 2011 in CSS3 | 0 Comments
CSS3 properties are now widely supported and I’ve developed a habit that holds up by browsing experience every time I stumble across a half decent looking UI. I find myself whipping open Firebug and inspecting every element on the page to see if it’s crafted using a long list of CSS3 properties.
The thing about CSS3 properties (and I’m sure this was the intention) is that they do a great job of mimicking Photoshop’s layer styles. If you haven’t seen it already, this little tool is a CSS3 generator that mimics Photoshop’s layer style interface.
But we’re not 8 year old sissy girls, so we create our own buttons. Let’s get the code out of the way, then we’ll look at some of the syntax in detail. read on →