Alex - How to make sexy buttons with CSS

Sexy Buttons

I simply L-O-V-E stuff like this. Amazing in all the right ways. Simple. Standards compliant. Woirks in all browsers. Beautiful to behold.

What could be finer? Thank you Alex. (And Marisa for hooking me up =)

2 Responses to “Alex - How to make sexy buttons with CSS”

  1. Henning Says:


    Visit Henning

    CSS buttons have been around for a while, but this is known to be a solid method because it is scalable and uses real text (which helps with search engines).

    However, browsers run in different screen resolutions, on different systems, using different preset default sizes. The buttons will look differently on every browser and client. If you scale the text size using the bigger/smaller font buttons on your browser, the user experience breaks. The text content of the button is pushed outside if you scale the font larger.

    How to avoid this? Use the same technique but four round corners instead of only two endings. It requires a little more work in CSS, but buttons will scale nicely in all sizes, independently of screen resolution or font size on the client side.

  2. Alex Says:


    Visit Alex

    Glad I could help :)


Leave a Reply

XHTML: You can use these tags: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>