主要介绍了利用SVG和CSS3来实现一个炫酷的边框动画,不使用Javascr ipt使得编写过程轻松了不少,需要的朋友可以参考下

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