30条“SVG”相关源码：
- SVG 动态时钟 圆形表盘风格
- 应用HTML5的SVG技术制作一款漂亮的 动态时钟 圆形表盘风格，用SVG来制作各种动画效果十分方便，SVG的功能也是很强大的，之前发过一些SVG动画，比如会飞的蚂蚱、工厂生产线等，比较多的实例效果了。本款算是一个比较简单的SVG时钟实例，制作过程中引入了一个SVG控制插件：snap.svg-min.js。
- 一个3D透视感很强的手掌动画 跟随鼠标角度变化
- 这是一个采用HTML5技术制作的三维手掌，这个手掌可在用户鼠标的控制下，改变透视角度，鼠标在手掌上滑动，即可看到三维的手掌透视效果，这种类似的三维空间特效，在HTML5中已经有很多类似效果了，但是我没有搞明白这款特效的实现，是否使用了HTML5的SVG，虽然看上去这个效果挺简单，但这种...
- HTML5 SVG圆盘时钟含多种风格样式
- 含多种风格样式的HTML5 SVG圆盘时钟动画，5种样式，主要区别是在圆形表盘的样式上，刻度的风格不太一样，有些干脆就没有表盘刻度，当然肯定有人不习惯的样式，5种时钟中，网页打开时都自动获取当前的Windows时间，其实可以把这几个时钟定义成世界时钟，每一个时钟显示世界上某个时区中的城...
- HTML5 svg 仿android智能手机相机快门动画
- HTML5 svg 仿android智能手机相机快门动画，仿相机按下快门的一瞬间，不过也可以感应鼠标，快门会自动打开，看到下面的内容，为网页增加一种很好的交互效果。快门的边框为6角形风格，鼠标在图案上滑动，即可打开快门。通过本源码可学习HTML5 svg技术。
- SVG制作动感的HTML5笑脸表情动画
- 一个SVG技术实现，使用HTML5的SVG技术制作出来的动感的HTML5笑脸表情动画，把你的鼠标移过来放在表情上，就看到表情的动画效果了，上下跳动，表情有变化，表情中的两只眼睛更是点睛之笔哦，不过很奇怪啊，官方网站上的演示，表情图标是白色的，全是白色的超可爱的笑脸表情，但我测试的时候...
- HTML5 CSS3刻画出的蝙蝠侠形象动画
- HTML5 CSS3刻画出的蝙蝠侠形象动画，这是带有动画效果的，并不是绘制的静态图，从开始的整体轮廓，到眼睛、头盔等，都是一点一点由动画效果不断添加完成的，打开页面后，你只需用眼睛盯着，一个蝙蝠侠的人物形象会被慢慢的刻画出来。
- HTML5 css3 波形图表 嵌套带悬停提示
- 这是一个视觉效果挺不错的网页图表插件，基于HTML5 css3技术 实现， 更进一步来说，就是使用的html5中的SVG技术，波形图表可以多个图表嵌套，并且鼠标悬停时还显示提示文字，每一个图表都可以填充成不同的颜色，且图表随网页的大不自己改变，适应当前的分辨率。 另一个特色功能：大家看到...
- HTML5 SVG CSS3游乐园及摩天轮动画
- HTML5 SVG CSS3游乐园动画效果，还有摩天轮动画，完全氏量格式的动画，像摩天轮、树木、房子、氢气球、云朵都是由CSS3技术绘制而成的，没有使用任何的JS文件和图像文件，动画效果而且很流畅自然，我们在佩服作者前端开发水平的同时，也赞叹HTML5强大的动画生成能力哦。
- HTML5 SVG圆点控制图片切换代码
- HTML5 SVG圆点控制图片切换代码，效果还挺流畅的，小圆点就是切换图片的，图片的切换采用渐变（淡入淡出）的方式，每个分页圆点上都有一个SVG圆形线条，当用户点击圆点时，圆形线条以平滑过渡的方式图片切换效果。
- HTML5 svg 生成另类的火柴火焰特效
- HTML5 svg 生成另类的火柴火焰特效，火焰这里用几个方块来代替了，虽然不是很逼真，但向大家展示了SVG的用法，生成火焰的思路。具体效果请参见演示截图所示。
- HTML5 SVG绘画出的唐老鸭卡通形象
- HTML5 SVG唐老鸭，SVG生成的卡通效果，是不是很像呢，不要以这是一张设计好的图片哦，本效果中任何图片都没有用到，只是用到了HTML5中的SVG技术，用SVG就能绘制生成唐老鸭卡通图画，不信的话就自己下载源码查看吧。
- html5 svg动态的进度条应用范例
- html5 svg动态的进度条应用范例，在进度条中动态加载背景图像，运用SVG的原理制作实现，进度条中的图像形成动画效果，比较动感的进度条，特别适合用于各种进度条中。
- HTML5 SVG图像渐变淡入淡出动画
- HTML5 SVG图像渐变淡入淡出动画，很四、五种SVG动画效果，从一个图形的建立到绘制完成的整个过程都以动画的形式展示出来，HTML5的SVG都有不错的表现，代替了FLASH动画的效果，而且资源占用率较低，打开源码包后，可逐一浏览各个效果演示。
- HTML5 SVG Loading 动画加载特效
- 收集一些手机端可用的HTML5 SVG Loading 动画加载特效 ，一共是4个网页加载特效动画，这些Loading看上去是不是很眼熟，在手机上或PC端见到的几率比较大，纯HTML5 SVG技术实现，没有使用任何图片资源，而且个个精美。测试请使用支持CSS3技术的浏览器哦。
- HTML5 SVG 树枝分叉动画特效
- HTML5 SVG 树枝分叉动画特效，一个HTML5画图特效，在Chrome浏览器下表现更好。可看到树枝、树干慢慢的长出来，然后生成一棵大树的动画效果。这里面的算法是最关键的，也是稍高深一点的，另外配合SVG强大的动画生成能力，实现本款动画特效。