JSFiddle - React, Tailwind, and code Playground
HTML
<div id="id"></div>
<div id="computed"><div>
CSS
#id {
width: 100px;
height: 100px;
background: #000;
}
JavaScript
var test = document.createElement('div'),
testStyle = test.style;
jQuery.support.boxShadow =
'boxShadow' in testStyle ? 'boxShadow' :
'MozBoxShadow' in testStyle ? 'MozBoxShadow' :
'WebkitBoxShadow' in testStyle ? 'WebkitBoxShadow' :
'OBoxShadow' in testStyle ? 'OBoxShadow' :
'msBoxShadow' in testStyle ? 'msBoxShadow' :
false;
if ( jQuery.support.boxShadow && jQuery.support.boxShadow != 'boxShadow' ) {
jQuery.cssProps.boxShadow = jQuery.support.boxShadow;
}
$(function() {
$('#id').css('boxShadow', "-10px -10px 8px grey");
$('#computed').text(
$('#id').css('boxShadow')
);
});