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
10 Most Popular JavaScript Frameworks
Viewed 1257 times since Thu, Jul 8, 2010
Making A Basic PHP Template System
Viewed 1201 times since Tue, Dec 8, 2009
Use PHP Functions In JavaScript with PHP.JS Library
Viewed 1059 times since Fri, Jan 8, 2010
Google Skipfish - Web Application Security Scanner
Viewed 1325 times since Mon, Mar 22, 2010
UI Patterns - User Interface Design Pattern Library
Viewed 1382 times since Thu, Dec 31, 2009
tgrdfgdgfdg
Viewed 1145 times since Sun, Jan 17, 2010
8 Basics of Regular Expressions
Viewed 1161 times since Mon, Mar 8, 2010
Create Full Screen Slideshows With Supersized
Viewed 1263 times since Tue, Jan 5, 2010