html模板列液态,7种炫酷HTML5 SVG液态水滴融合动画特效

这是一组使用HTML5 SVG过滤器制作的炫酷液态水滴融合动画特效。这些SVG动画特效使一些HTML元素，如菜单、分页按钮、APP、选择框等元素的过渡动画像几粒水滴一样融合分解，效果非常的酷。

SVG Filters

通过SVG Filters我们可以修改一个给定的图形，创建我们需要的结果。SVG中包含了一种可以执行各种操作的filter元素，下面列出了一些可用的SVG filter元素：

feBlend

feColorMatrix

feComponentTransfer

feComposite

feConvolveMatrix

feDiffuseLighting

feDisplacementMap

feFlood

feGaussianBlur

feImage

feMerge

feMorphology

feOffset

feSpecularLighting

feTile

feTurbulence

feDistantLight

fePointLight

feSpotLight

当使用一个SVG filter的时候，我们可以将一个操作的结构作为另一个操作的输入，从而创建出无限的动画效果。

最常见的SVG filter效果是通过来制作模糊效果。

所得到的结果如下图ÿ