muchiii Button

Live Demo

Try hover, active, zoom in, or zoom out in different browsers.

• Lorem Ipsum is simply Lorem Ipsum is simply ( offsetWidth : , offsetHeight : )
• Lorem Ipsum is simply

HTML Markup

It takes too many codes to make cross-browser shadow and round corner effects. It's just a button but the amount of tags equals to a div module.

Files

• button.css (9246 bytes)

  The CSS file size is really huge. The effects such as shadow and round corner for Internet Explorer browsers (before version 9) take a lot of codes. Very inefficient.

• button.js (2552 bytes)

  Internet Explorer browsers don't support some pseudo class well, so we use JavaScript to enhance it.

Snapshot of different browsers

• Internet Explorer 6

  

• Internet Explorer 7

  

• Internet Explorer 8

  

• Firefox 3

  

• Google Chrome