JSFiddle - React, Tailwind, and code Playground

by Brian Blakely

HTML

<form id="foo">
First name: <input type="text" name="firstname" /><br />
Last name: <input type="text" name="lastname" />
</form>
<br /><br /><br />
<form id="bar">
First name: <input type="text" name="firstname" /><br />
Last name: <input type="text" name="lastname" />
</form>

CSS

body {
    padding: 100px 300px;
}

#foo {
    background: white;
}

#bar {
    filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#ffff0000', EndColorStr='#ffffffff');
    zoom: 1;
}

JavaScript

$(function() {
    setTimeout(function() {
        $(document.getElementById('bar')).css('opacity', '0.5');
    }, 500);
});