跳转到网页上的部分时暂时突出显示html元素

Question

我正在尝试使用html元素，例如<div>，暂时突出显示，然后在跳转到网页上的该元素后逐渐淡出。

我正在寻找类似于这种突出效果的效果： What is your best programmer joke?

我将如何实施这样的效果？

我尝试查看该链接的页面源代码，但我看不出它是如何完成的。

Answer 1

仅使用CSS就可以实现这种效果。

您需要使用与URL中的片段标识符匹配的ID（即#之后的所有内容）为元素的背景颜色设置动画。您可以使用:target伪元素在CSS中匹配此内容。

:target {
    -webkit-animation: target-fade 1s;
    -moz-animation: target-fade 1s;
    -o-animation: target-fade 1s;
    animation: target-fade 1s;
}

Here's a demo with the code you'll need.