Please Note: Preview Screenshots are not in proper order. They are going to be readjusted soon. Till then please consider Screenshot 11 as the first screenshot.
CSS3 Premium Button Pack is created using pure CSS3 markup. These buttons are simple to use and easy to implement which
require Zero Images to create. You can use these buttons for any kind of websites. All of the html and CSS files are
fully commented so that anyone can use them. With this pack we have also included a detailed instructons.html and
CSS3 Button Cheat Sheet.pdf.
Features:
- No images required
- 6 different sizes
- 20 Colors
- 29 Corner radius values (from 2px to 30px)
- Special buttons with arrows created using CSS
- Premium call-to-action buttons
Browser Compatibility:
- These buttons work perfectly in Firefox, Chrome, and Safari
- In Opera, buttons lose gradient (see screenshot)
- We have used PIE (see below) to emulate CSS3 properties in IE8 . However, it does not show the text shadow. All normal buttons
work perfectly in IE6 -7.
External Script:
How to Implement:
Just add some classes and link your html file to the CSS . That’s all. Suppose, for a link you want to create a green standard size button with 16 px corner radius. Just type:
<a href="#" class="button standard green r16">Button Text</a>