CSS Buttons: Simply Buttons V2

Thanks to Jack for posintg this.

And from the official Simply-Buttons V2 site:

Benefits

• Buttons size to fit text.
• There are 3 states: Inactive, Active, and Hover.
• They look and behave the same way in every browser and operating system.
• The do not need the javascript to work, they work with just the css
• Way better looking buttons than what anyone else can do with XHTML/CSS, isn’t that reason enough?!

How it works
The markup is pretty simple, as you can see below. The thing to notice here is that both the button and link tags each have a nested-nested span tag.

<button>
  <span><span>Button</span></span>
</button> 
<a class="button">
  <span><span>Button</span></span>
</a>

Grab it here.

Browse Timeline

• « Ekini Edit: A gEdit Scheme / Vim Scheme that is dark and suitable for low-light conditions
• » I’m giving away 20 Google Wave invites!

Comments ( 1 Comment )

I was looking for some info on web developing, hoping I could come across someone who’s familiar with Business Catalyst. I’m currently learning more about this online application and I hope you can write about this soon. Thanks for sharing your knowledge on web developing. I find your blog very interesting.

sakura hasegawa added these pithy words on Dec 28 09 at 10:16 AM

Add a Comment