JSFiddle - React, Tailwind, and code Playground

by Chris Rebert

HTML

<table>
    <tr>
        <td>cell 1</td>
        <td>cell 2</td>
        <td>cell 3</td>
        <td>cell 4</td>
    </tr>
    <tr class="gradiented">
        <td>cell 1</td>
        <td>cell 2</td>
        <td>cell 3</td>
        <td>cell 4</td>
    </tr>
</table>
<br />
<div class="gradiented" style="width: 100px; height: 100px;">
  Foo
</div>

CSS

.gradiented {
  background-image: -webkit-linear-gradient(#ccc, #e9e9e9 5%, #e9e9e9);
  background-image:      -o-linear-gradient(#ccc, #e9e9e9 5%, #e9e9e9);
  background-image: -webkit-gradient(linear, left top, left bottom, from(#ccc), color-stop(5%, #e9e9e9), to(#e9e9e9));
  background-image:         linear-gradient(#ccc, #e9e9e9 5%, #e9e9e9);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffcccccc', endColorstr='#ffe9e9e9', GradientType=0);
  background-repeat: no-repeat;
}