单击“url＃header4”链接时如何获得`background-color`效果

Question

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

就像在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; }
}

…

看我的小提琴：http://jsfiddle.net/SCQev/1/