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?!
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
Geo-location Mapping With Google Maps API & PHP
Viewed 1164 times since Mon, Apr 4, 2011
Web Usability Testing Tool - Clixpy
Viewed 1207 times since Sat, Jan 9, 2010
Before and After Picture - jQuery Plugin
Viewed 1166 times since Tue, Dec 29, 2009
ProFolio - Instantly Create Free Portfolio Website
Viewed 1257 times since Sun, Jan 3, 2010
Meerkat - jQuery Plugin for Promotional Content
Viewed 841 times since Tue, Dec 29, 2009
Open Source WYSIWYG Editor
Viewed 1168 times since Thu, Jan 7, 2010
TipTip - jQuery Tooltip Plugin
Viewed 953 times since Thu, Jan 28, 2010
10 AJAX based PHP WebMail Clients
Viewed 1033 times since Mon, Jul 26, 2010
Featured Items Widget with jQuery
Viewed 1157 times since Sun, Dec 27, 2009
MENU