利用SVG和CSS3来实现一个炫酷的边框动画

当鼠标经过网格元素时，会有一个微妙的动画发生——网格元素变得透明，每条边有个顺时针的动画，创造了非常好的效果。这种效果是通过JS给span标签的宽或者高做了动画。我们待会会用SVG和CSS渐变来完成。注意，这个技术还是实验性的。 　　首先，让我们来看看基本的概念，然后我们会朝着这个方向努力。 　　请注意，我们将在SVG上使用CSS过渡，可能无法得到所有浏览器的支持。 　　乍眼一看可能不明白这个效果

>>阅读原文<<