JSFiddle - React, Tailwind, and code Playground

HTML

<table>
  <tbody>
    <tr id="row_1">
      <td>one</td>
    </tr>
    <tr id="row_2">
      <td>two</td>
    </tr>
  </tbody>
</table>

<a href="#row_1">Simulate fadeout row 1</a>
<a href="#row_2">Simulate fadeout row 2</a>

CSS

@keyframes fadeRow {
  from {
    background-color: red;
  }
  to {
    background-color: transparent;
  }
}

tr:target {
  animation: 1s fadeRow forwards;
}

/* Generic styles */

table {
  width: 100%;
}

td {
  padding: .25em .5em;
}

a {
  display: block;
  margin-bottom: .5em;
}