JSFiddle - React, Tailwind, and code Playground

HTML

<div class="box"></div>

CSS

.box
{
    width: 100px;
    height: 100px;
    background: red;
}

.box:hover
{
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=10)";
    filter: alpha(opacity=10);
    -moz-opacity: 0.1;
    -webkit-opacity: 0.1;
    opacity: 0.1;
}