采用:target来实现锚点的动画

?

? 本代码片段来自gruntjs的官方文档：

?

? ?比如：?http://gruntjs.com/configuring-tasks#files

?

??

<a href="#files" name="files">Files</a>

?

@keyframes 'blink'{   0%{opacity:1.0}   50%{opacity:.0}   100%{opacity:1.0}}@-webkit-keyframes 'blink'{   0%{opacity:1.0}   50%{opacity:.0}   100%{opacity:1.0}}

?

?

? ?

a.anchor:target {    -webkit-animation-name: blink;    -webkit-animation-direction: normal;    -webkit-animation-duration: .5s;    -webkit-animation-iteration-count: 2;    -webkit-animation-timing-function: ease;    animation-name: blink;    animation-direction: normal;    animation-duration: .5s;    animation-iteration-count: 2;    animation-timing-function: ease;}

?