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
8 Basics of Regular Expressions
Viewed 1097 times since Mon, Mar 8, 2010
Plupload - Multiple Files Upload Script
Viewed 1455 times since Tue, Feb 9, 2010
Coming Soon Template
Viewed 1180 times since Thu, Nov 12, 2009
TinyBox - JavaScript Lightweight Modal Window Popup Script
Viewed 1674 times since Fri, Jan 8, 2010
50 Free And Quality Web Icons
Viewed 1655 times since Tue, Jan 5, 2010
Create A Page Peel Effect With CSS & jQuery
Viewed 1123 times since Tue, Jan 5, 2010
AeroSQL - Web Based MySQL Management
Viewed 1265 times since Wed, Feb 24, 2010
Create Full Screen Slideshows With Supersized
Viewed 1194 times since Tue, Jan 5, 2010
Free Under Construction Coming Soon Template
Viewed 2097 times since Sat, Mar 12, 2011
Quick Tables for Showing & Updating DB Data
Viewed 1244 times since Sun, Dec 27, 2009