JSFiddle - React, Tailwind, and code Playground
by darcyclarke
HTML
<div class="backface"></div>
CSS
.backface {
-webkit-backface-visibility: none;
-moz-backface-visibility: none;
backface-visibility: none;
width: 10px;
}
JavaScript
var supportsBackface (function(){
var el = document.createElement('div'),
prefixes = ['','-webkit-','-moz-'],
prop = 'backface-visibility',
prefix = function(test){
for(var i=0;i < props.length;++){
el.style[prefixes[i] + prop] = 'hidden';
};
};
check = function(){
return window.getComputedStyle(el,null).getPropertyValue(prop);
};
}
;
return backface;
})();
console.log($('.backface')[0].style);