Article Diary - General Knowledge Digest

Stylish Cross-Browser CSS Buttons - Simply-Buttons v2

Simply-Buttons is a technique to create good-looking & cross-browser CSS buttons. The buttons are created with pure CSS and, optionally, improved with JavaScript (code is provided). They fit to any text & come with 3 states: inactive, active and hover. Their compatibility is tested on IE6, IE7, FF(PC/MAC), Safari, SafariMobile, Opera(PC/MAC). For some reason, clicking on a button seems to freeze the google chrome browser.

CSS Buttons

These CSS buttons are inspired from:
Benefits
  • Buttons size automatically 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?!
3 (2)
Article Rating (2 Votes)
Rate this article
Attached Files
There are no attachments for this article.
Comments
There are no comments for this article. Be the first to post a comment.
Name
Email
Security Code Security Code
Related Articles RSS Feed
jqPlot - jQuery Charts & Plotting Plugin
Viewed 1599 times since Sat, Jan 9, 2010
Featured Items Widget with jQuery
Viewed 1542 times since Sun, Dec 27, 2009
jCart - Free PHP AJAX Shopping Cart
Viewed 1578 times since Sun, Jan 3, 2010
Inline Form Validation With jQuery
Viewed 1567 times since Sat, Jan 9, 2010
Admin Skins - Constellation Complete Admin Skin
Viewed 1506 times since Thu, Aug 12, 2010
tgrdfgdgfdg
Viewed 1169 times since Sun, Jan 17, 2010
8 Basics of Regular Expressions
Viewed 1189 times since Mon, Mar 8, 2010
dTree - Flexible JavaScript Tree Menu
Viewed 1833 times since Thu, Jan 14, 2010