JSFiddle - React, Tailwind, and code Playground

HTML

<table>
    <tbody>
        <tr>
            <td>
                Row 1
            </td>
        </tr>
        <tr>
            <td>
                Row 2
            </td>
        </tr>
        <tr>
            <td>
                Row 3
            </td>
        </tr>
        <tr>
            <td>
                Row 4
            </td>
        </tr>
        <tr>
            <td>
                Row 5
            </td>
        </tr>
    </tbody>
</table>

CSS

body {
    background:#f00;
}
table {
    -webkit-mask-image: -webkit-gradient(linear, left top, left bottom, 
   color-stop(0.00,  rgba(0,0,0,1)),
   color-stop(0.70,  rgba(0,0,0,1)),
   color-stop(1.00,  rgba(0,0,0,0)));
}
td {
    height:50px;
    background:#e6e6e6;
}