JSFiddle - React, Tailwind, and code Playground

HTML

<div></div>

CSS

div{
    background-color:#F4F4F4;
    background:-webkit-gradient(linear,0% 100%,0% 0,from(#FFFFFF),to(#ECECEC));
    background:-webkit-linear-gradient(top,#FFFFFF,#ECECEC);
    background:-moz-linear-gradient(top,#FFFFFF,#ECECEC);
    -ms-filter:"progid:DXImageTransform.Microsoft.gradient(startColorstr=#FFFFFF, endColorstr=#ECECEC)";
    background:-ms-linear-gradient(top,#FFFFFF,#ECECEC);
    background:-o-linear-gradient(top,#FFFFFF,#ECECEC);
    height: 400px;
}

JavaScript

var html = "";
function show(n,v) { html += n + "="+v+" <b>("+typeof(v)+")</b><br>"; }

var $div = $("div"), 
    div = $div[0],
    gcs = window.getComputedStyle(div, null);

show("div.style.filter", div.style.filter);
show("gcs.gpv:filter", gcs.getPropertyValue("filter"));
show("gcs.gpv:-ms-filter", gcs.getPropertyValue("-ms-filter"));
show("gcs[filter]", gcs["filter"]);
show("gcs[-ms-filter]", gcs["-ms-filter"]);
show("$div.css('-ms-filter')", $div.css('-ms-filter'));
show("$div.css('filter')", $div.css('filter'));

$div.html(html);