Popular channels

Asegurarnos que el navegador soporta CSS3 con JS

Simple y conciso, una pequeña funciona para asegurarnos que el navegador del cliente soporta alguna de las propiedades CSS3 con Javascript.

Solo hay que omitir los guiones en las propiedades, eje: border-radius se pas con borderradius


var supports = (function() {
   var div = document.createElement('div'),
      vendors, len;
 
   return function(prop) {
      if ( prop in div.style ) return true;
 
      prop = prop.replace(/^[a-z]/, function(val) {
         return val.toUpperCase();
      });
 
      vendors = 'Ms Webkit O Moz'.split(' ');
      len = vendors.length;
 
      while(len--) {
         if ( vendors[len] + prop in div.style ) {
            // browser supports box-shadow. Do what you need.
            // Or use a bang (!) to test if the browser doesn't.
            return true;
         } 
      }
      return false;
   }
})();
 
if ( supports('textShadow') ) {
   document.documentElement.className +=  'textShadow';
}


Awesome
0
0
0
0No comments yet