[jQuery] css3 helper

[jQuery] css3 helper


I write this lines to help me, but it could be good to have it inside
jQuery :
---------------
// webkit
document.isWebkit = navigator.userAgent.match(/webkit/i)
// attach the new css properties to the document :
    document.css = (function()
    {
        var
            c = {},
            b = document.defaultView.getComputedStyle(document.body, null), //
safari
            d = document.createElement('div') ; // mozilla
        for (i=0;i<b.length;i++)
            c[ b[i].replace((/^(-webKit-|-moz-|-kml-|-o-)/gi),'')
            .replace( (/(-.?)/i), function(a){ return a.charAt(1).toUpperCase()
+a.substr(2); } )] = b[i] ;
        for(k in d) c[k.replace((/^(webKit|moz|kml)/gi),'')
            .replace( (/(^.?)/i), function(a){ return a.charAt(0).toLowerCase()
+a.substr(1); } )]=k;
        return c;
    })();
-----------------
Then you can play:
if( document.isWebkit ) ...
if( document.css.boxShadow ) ...
if( document.css.transform ) ...
// get the css propertie for -moz and -webkit:
if(document.css.boxShadow) this.style[document.css.boxShadow] =
propertie;