Archive for February, 2010

Playing with CSS3 – Sleek UI Buttons

Thursday, February 11th, 2010

A while ago someone linked this post and I bookmarked it. Today I decided to toy around with a new button look for Listy.us. Using a mixture of CSS3 background gradients and border-radius, I’ve come up with this button:

New UI Button – don’t forget to click!

Which is just a link and a span, code-wise:

<a class="uiButton" href="#"><span class="uibb">New UI Button</span></a>

Internet Explorer kind of hates it, with no rounded corners and some questionable hover behavior, but overall I’d say it’s a win.

Browser testing:

Browser test for CSS3 buttons described in this post.

CSS3 Button Browser Test

(more…)