JSFiddle - React, Tailwind, and code Playground

HTML

<table class="ttx"><tr><td>
    kill me... kill me please !!1
</td></tr></table>

CSS

.ttx {
    font-size:42px;
    background-color:#99CCFF;
    background: -moz-linear-gradient(#333, #666);
    background: -ms-linear-gradient(#333, #666);
    background: -o-linear-gradient(#333, #666);
    background: -webkit-linear-gradient(#333, #666);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#1e5799',endColorstr='#7db9e8',GradientType=0 );
}

.ttx:hover {
    font-size:42px;
    background-color:#4488CC;
    background: -moz-linear-gradient(#666, #333);
    background: -ms-linear-gradient(#666, #333);
    background: -o-linear-gradient(#666, #333);
    background: -webkit-linear-gradient(#666, #333);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#7db9e8',endColorstr='#1e5799',GradientType=0 );
}