Skip to content

Instantly share code, notes, and snippets.

Embed
What would you like to do?
JS snippet for getting the current vendor prefix of a CSS(3) property
function getPrefix( prop ){
var vendorPrefixes = ['Moz','Webkit','Khtml','O','ms'],
style = document.createElement('div').style,
upper = prop[0].toUpperCase() + prop.slice(1),
pref, len = vendorPrefixes.length;
while( len-- ){
if((vendorPrefixes[len] + upper) in style){
pref = (vendorPrefixes[len]);
}
}
if(prop in style){
pref = prop;
}
/*exclude additional strings below if output format not an issue*/
if ( pref ) {
return '-' + pref.toLowerCase() + '-';
}
/*fail safe - thanks to dan for spotting*/
return '';
}
Usage:
console.log(getPrefix('transform'));
console.log(getPrefix('transition'));
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment