Skip to content

Instantly share code, notes, and snippets.

@JeanDavidDaviet
Created June 25, 2013 11:30
Show Gist options
  • Save JeanDavidDaviet/5857787 to your computer and use it in GitHub Desktop.
Save JeanDavidDaviet/5857787 to your computer and use it in GitHub Desktop.
Detect CSS3 Support in Browsers with JavaScript
var supports = (function() {
var div = document.createElement('div'),
vendors = 'Khtml Ms O Moz Webkit'.split(' '),
len = vendors.length;
return function(prop) {
if ( prop in div.style ) return true;
prop = prop.replace(/^[a-z]/, function(val) {
return val.toUpperCase();
});
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';
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment