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
Which hosting plans support IIS Mod-Rewrite?
Viewed 5528 times since Sat, Oct 10, 2009
jqPlot - jQuery Charts & Plotting Plugin
Viewed 1559 times since Sat, Jan 9, 2010
PHP Script For PDF to HTML Conversion
Viewed 6591 times since Tue, Dec 15, 2009
Create Navigation Menu Easily with jQuery Menu
Viewed 1316 times since Thu, Dec 31, 2009
Free IP to Country, IP to City Database & API
Viewed 1565 times since Thu, Dec 31, 2009
Embeddable Google Document Viewer For Websites
Viewed 1166 times since Fri, Mar 11, 2011
CSS Positioning - Absolute, Relative & Fixed
Viewed 1556 times since Thu, Dec 3, 2009
Advanced Backup System - PHP Backup Script
Viewed 1347 times since Wed, Jul 28, 2010