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.