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
Best Free Web Icons for Different Purposes
Viewed 1313 times since Mon, Dec 28, 2009
Modify HTTP Headers in PHP with Examples
Viewed 1227 times since Wed, Mar 10, 2010
How can I change session timeout value?
Viewed 1080 times since Tue, Apr 27, 2010
Google Web Toolkit - Version 2 Released
Viewed 1172 times since Tue, Dec 15, 2009
Create Full Screen Slideshows With Supersized
Viewed 1222 times since Tue, Jan 5, 2010
30 High Quality Charts & Graphs for Web Developers
Viewed 3246 times since Wed, Mar 23, 2011
13 Useful Javascript Syntax Highlighting Scripts
Viewed 1562 times since Mon, Jan 4, 2010
Facebook Style Chat Script - ArrowChat
Viewed 1259 times since Tue, Aug 3, 2010
What is new in HTML 5?
Viewed 1208 times since Sat, Apr 3, 2010
SEO (Search Engine Optimization) vs SEM(Search Engine Marketing)
Viewed 949 times since Mon, Jul 12, 2010