Cross Browser CSS Transforms – cssSandpaper


The transform property of CSS allows rotating, scaling, and skewing objects in HTML.

However, as expected, it doesn't work consistently on every browser (specially IE) and requires a different rule for almost each of them like:

  • -moz-transform for Mozilla
  • -o-transform for Opera
  • -webkit-transform for Webkit engines (like Safari)

cssSandpaper is a JavaScript library which enables IE to support CSS transforms and every other browser to work with the same rule definitions.


The library requires its own CSS rules like -sand-transform, -sand-box-shadow or -sand-gradient.

Once they are defined, it searches for these rules in the CSS file and applies the browser-specific transformations via JavaScript.

There is an impressive demo provided which can be tested with every browser.

  1. Reply Bigismall March 20, 2010 at 7:38 AM

    It doesn’t work in Opera 10.10, what is typical for this shit browser!!

  2. Reply martin June 10, 2011 at 2:22 AM

    this page loads not good using my ipad

Leave a reply