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
Free 3D Flash Image Slider - Piecemaker
Viewed 1799 times since Sun, Apr 4, 2010
PHP Quiz Questions and Answers
Viewed 3700 times since Mon, Jan 11, 2010
PHP For Android Project - Interview with Lead Developer
Viewed 1094 times since Mon, Jul 26, 2010
dygraphs JS Charts - Free JavaScript Charts
Viewed 1131 times since Sun, Dec 13, 2009
Free Under Construction Coming Soon Template
Viewed 1997 times since Sat, Mar 12, 2011
jDigiClock - HTC Hero Style jQuery Digital Clock
Viewed 1161 times since Tue, Feb 16, 2010
Open Source Web Analytics Framework
Viewed 971 times since Sat, Jan 30, 2010
Axiis - Open Source Data Visualization Framework
Viewed 1358 times since Thu, Jan 7, 2010
What is jQuery?
Viewed 926 times since Tue, Dec 1, 2009
Google Skipfish - Web Application Security Scanner
Viewed 1216 times since Mon, Mar 22, 2010