HTML5之SVG 2D入门7—SVG元素的重用与引用

这是一款HTML5SVG图形变形效果。示例中展示了几种在网页上的SVG图形变形效果。包括鼠标hover指定元素时SVG图形变形效果等。

代码片段：

html5SVG灯泡发光特效,开类和关灯的方式为：鼠标移上灯泡，灯泡即点亮，鼠标移开后消后关灯。采用HTML5中强大的SVG技术，来实现动画的关灯和开灯效果。

ckLine.js是一款HTML5 SVG线条背景动画插件。通过ckLine.js插件，你可以为页面添加漂亮的线条动画效果。通过配置参数，你可以设置线条的数量和动画效果，非常方便。

这是一款HTML5 SVG线条变形动画特效。这个特效demo是一个轮播图分页导航的例子，在每个分页圆点上都有一个SVG圆形线条，当用户点击其它圆点时，圆形线条以平滑过渡的方式运动到下一个位置。

HTML5SVG草莓图案特效是一款红色好看的草莓图样式代码。

HTML5SVG猫眼动画特效是一款类似黑夜里发亮的恶魔眼睛一眨一眨动画特效。

html5svg花朵动画特效是一款可自定义设置开心，疯狂，性感，装酷等表情动画特效。

HTML5SVG圆盘时钟动画是一款能准确获取本地的时间，并且秒针、分针、时针可以走动，效果还不错。

HTML5SVGLoading加载特效是一款基于HTML5CSS3和SVG的Loading加载动画特效，一共有4种不同的动画效果。每一组Loading动画都非常可爱，他们都非常欢快的转圈，同时又有颜色