这是一组使用HTML5 SVG过滤器制作的炫酷液态水滴融合分解动画特效。这些SVG动画特效使一些HTML元素，如菜单、分页按钮、APP、选择框等元素的过渡动画像几粒水滴一样融合分解，效果非常的酷。
通过SVG Filters可以修改一个给定的图形，创建我们需要的结果。SVG中包含了一组可以执行各种操作的filter元素。
最常见的SVG filter效果是通过feGaussianBlu...
分类：
Web程序 时间：
2015-03-12 13:18:55
阅读次数：
162
10款很酷的HTML5动画和实用应用，这里有菜单、SVG动画、Loading动画，总有你喜欢的，而且，每一款HTML5应用都提供源代码下载，方便大家学习和研究，一起来看看吧。1、HTML5 SVG 树枝分叉动画特效今天我们来分享一款基于HTML5和SVG的动画效果，它是一个可以自动分叉的树，动画将以...
分类：
Web程序 时间：
2015-03-10 08:57:34
阅读次数：
249
SVG 通常可以用作跨分辨率视频。这意味着在一块高分屏幕上不会降低图片的锐度。此外，你甚至可以让SVG动起来，通过使用一些javascript类库。下面，我们分享一些javascript类库，这些类库会帮助我们将SVG动画提高一个等级。 Vivus Vivus 是一个能动画js类库，它能够给S...
分类：
编程语言 时间：
2015-03-04 09:37:21
阅读次数：
136
svg.js是一个轻量级的操纵和制作SVG动画的js插件库。svg.js可以生成SVG图形、图像、文字和路径等等。svg.js还可以用于制作svg动画和互动拖拽等效果。
svg.js不依赖与jQuery等外部插件库，它遵循麻省理工学院的许可（ MIT License）下许可证的条款。
在线演示：http://www.htmleaf.com/Demo/201501301302.html
...
分类：
Web程序 时间：
2015-01-31 16:26:14
阅读次数：
179
一：先来看效果
二：svg实现
{CSDN:CODE:593569}
三：代码说明
(1)animateTransform 元素是我们要为其制作动画的对象（即 rect）的子对象，它将执行所有费力的工作
(2)因为方块的中心与视区的原点重合（坐标为
(400, 400)），所以方块将绕其中心旋转360 度
from="0"
to...
分类：
其他好文 时间：
2015-01-30 17:47:59
阅读次数：
123
Codrops 分享了一些给SVG元素加上弹性动画的灵感。实现的思路是把一个SVG元素整合成一个组件，然后从一个路径弹性动画到另一个。这种效果可以应用到像菜单，按钮或其它元素，使得交互更有趣，看起更原生与自然的感觉。
分类：
其他好文 时间：
2015-01-27 10:41:25
阅读次数：
210
Web 界面上交互的方式很多，只要你去探索，你会发现很多让你眼前一亮的想法。Codrops 最近发布了一组悬停效果，总共分为两组，多达30种不同的风格。为了让效果尽可能的平滑，最好不要在元素上使用变换以免影响布局。在第二组中采用了 SVG 动画，这也是目前比较流行的方式。
分类：
其他好文 时间：
2014-12-05 12:14:52
阅读次数：
213
1.基于jQuery实现的汇图网大屏焦点图效果汇图网大屏jQuery焦点图代码，可设置切换模式，如淡入淡出切换，左右滚动切换，上下滚动切换，可设置是否自动轮播，可设置鼠标划过是否停止播放等。在线演示源码下载2.HTML5基于SVG实现的过山车动画特效今天我们要分享一款很酷的HTML5/SVG动画，这...
分类：
Web程序 时间：
2014-12-03 01:42:27
阅读次数：
187
1.使用 SVG 制作单选和多选框动画通过 JavaScript 实现 SVG 路径动画，我们可以做很多花哨的东西。今天我们要为您介绍一些复选框和单选按钮效果。实现的主要思路是隐藏原生的输入框，使用伪元素创造更具吸引力的样式，输入框被选中的时候执行 SVG 动画。在线演示源码下载2.PHP+jQue...
分类：
Web程序 时间：
2014-11-22 15:59:44
阅读次数：
291
通过 JavaScript 实现 SVG 路径动画，我们可以做很多花哨的东西。今天我们要为您介绍一些复选框和单选按钮效果。实现的主要思路是隐藏原生的输入框，使用伪元素创造更具吸引力的样式，输入框被选中的时候执行 SVG 动画。
分类：
其他好文 时间：
2014-11-20 11:38:58
阅读次数：
238
