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
jqPlot - jQuery Charts & Plotting Plugin
Viewed 1526 times since Sat, Jan 9, 2010
Web Usability Testing Tool - Clixpy
Viewed 1577 times since Sat, Jan 9, 2010
dTree - Flexible JavaScript Tree Menu
Viewed 1734 times since Thu, Jan 14, 2010
Open Source Online Invoice System - siwapp
Viewed 1516 times since Thu, Jan 7, 2010
Best Free Web Icons for Different Purposes
Viewed 1318 times since Mon, Dec 28, 2009
45 jQuery Navigation Plugins and Tutorials
Viewed 2848 times since Thu, Jan 28, 2010
Google Maps jQuery Plugin
Viewed 1198 times since Thu, Jan 7, 2010
Embeddable Google Document Viewer For Websites
Viewed 1129 times since Fri, Mar 11, 2011
CSS Positioning - Absolute, Relative & Fixed
Viewed 1512 times since Thu, Dec 3, 2009