應用＃1般突出顯示錶行

Question

我想複製StackExchange網站的內部鏈接的行爲：假設我有這個在我的網頁：

<table> 
    <tr><td><a name="1"></a>1</td></tr> 
    <tr><td><a name="2"></a>2</td></tr> 
    <tr><td><a name="3"></a>3</td></tr> 
</table> 

，並在同一頁面

鏈接

<a href="#2">link</a> 

我想要第二行簡要突出顯示。它是如何工作的？

可以看到期望突出顯示的例子，例如，點擊here。

Answer 1

基於由@NietTheDarkAbsol和another answer評論，我發現，這裏是表

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

</style> 

<table> 
    <tr id="1"><td>1</td></tr> 
    <tr id="2"><td>2</td></tr> 
    <tr id="3"><td>3</td></tr> 
</table> 

<a href="#1">link</a> 
<a href="#2">link</a> 
<a href="#3">link</a> 

的jsfiddle解決聯行：https://jsfiddle.net/2vac8crd/1