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
Axiis - Open Source Data Visualization Framework
Viewed 1399 times since Thu, Jan 7, 2010
Featured Items Widget with jQuery
Viewed 1437 times since Sun, Dec 27, 2009
OpenCart - Open Source Shopping Cart
Viewed 1523 times since Fri, Jan 1, 2010
jQuery Dropdown Check List
Viewed 1469 times since Thu, Jan 14, 2010
Web Usability Testing Tool - Clixpy
Viewed 1551 times since Sat, Jan 9, 2010
Create Navigation Menu Easily with jQuery Menu
Viewed 1251 times since Thu, Dec 31, 2009
What is new in HTML 5?
Viewed 1174 times since Sat, Apr 3, 2010
Meerkat - jQuery Plugin for Promotional Content
Viewed 1201 times since Tue, Dec 29, 2009
Open Source WYSIWYG Editor
Viewed 1412 times since Thu, Jan 7, 2010