html - 如何在点击 `background-color`链接时获得 `url#header4`效果

Question

如何在点击 url#header4 链接时获得 background-color 效果

例如在 stackoverflow 上。如果你选择这个:

How to shutdown my system via a php site using LAMP server?

这是一个带有 id 的链接，当您单击它时，您将转到该链接、该标题，并获得带有淡入淡出效果的奇特背景效果。

我怎样才能在我的网站上获得这种效果？

Answer 1

您可以使用 CSS 3(动画和关键帧)来实现。根本不需要 javascript。

.targetbox:target {
    animation: 2s ease 0s normal none 1 trgt;
}

@keyframes trgt {
    0% { background: #ff3; }
    100% { background: #ffa; }
}

…

查看我的 fiddle :http://jsfiddle.net/SCQev/1/