[jQuery] css3 helper

[Xavier.Bouhours]

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;