采用: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;}
?