JSFiddle - React, Tailwind, and code Playground

HTML

<table class="table_test">
    <tr class ="trstyle">
        <td>Text nr1</td>
        <td>Text nr2</td>
        <td>Text nr3</td>
    </tr>
</table>

CSS

.table_test {
    table-layout:fixed;
    width:800px;
}

.table_test td {
    height:32px;
}


.trstyle {
    border-radius:5px;
    -webkit-border-radius:5px;
	background: #ffffff; /* Old browsers */
    background: -webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), color-stop(0.5, #f3f3f3), color-stop(0.51, #ededed), to(#ffffff));
background: -webkit-linear-gradient(#ffffff 0%, #f3f3f3 50%, #ededed 51%, #ffffff 100%);
background: -moz-linear-gradient(#ffffff 0%, #f3f3f3 50%, #ededed 51%, #ffffff 100%);
background: -o-linear-gradient(#ffffff 0%, #f3f3f3 50%, #ededed 51%, #ffffff 100%);
background: linear-gradient(#ffffff 0%, #f3f3f3 50%, #ededed 51%, #ffffff 100%);/* FF3.6+ */ /* Chrome,Safari4+ */ /* Chrome10+,Safari5.1+ */ /* Opera 11.10+ */ /* IE10+ */
    display: block;
}

.table_test tr:hover{
    border-color: #29EC24;
    box-shadow: 0 0 10px #29EC24;
    -moz-box-shadow: 0 0 10px #29EC24;
    -webkit-box-shadow: 0 0 10px #29EC24;
}