JSFiddle - React, Tailwind, and code Playground

HTML

<a href="#1">link</a>
<a href="#2">link</a>
<a href="#3">link</a>
<p style="height: 1000px"></p>
<table>
   <tr id="1"><td>1</td></tr>
   <tr id="2"><td>2</td></tr>
   <tr id="3"><td>3</td></tr>
</table>

CSS

:target {
            animation: highlight 2000ms ease-out;
        }
        @keyframes highlight {
            0% {
                background-color: darkorange;
                }
            100% {
                background-color: white;
                }
        }