7種炫酷HTML5 SVG液態水滴融合分解動畫特效

標籤：特效   htm   融合   span   button   app   gauss   .com   模糊   

這是一組使用HTML5 SVG過濾器製作的炫酷液態水滴融合分解動畫特效。這些SVG動畫特效使一些HTML元素。如菜單、分頁button、APP、選擇框等元素的過渡動畫像幾粒水滴一樣融合分解。效果很的酷。

通過SVG Filters能夠改動一個給定的圖形，建立我們須要的結果。SVG中包括了一組能夠運行各種操作的filter元素。
最常見的SVG filter效果是通過feGaussianBlur來製作模糊效果。

<svg xmlns="http://www.w3.org/2000/svg" version="1.1" width="600" height="400">  <defs>    <filter id="blur" x="0" y="0">      <feGaussianBlur in="SourceGraphic" stdDeviation="5" />    </filter>  </defs>  <rect x="50" y="50" width="500" height="300" fill="#8d81ac" filter="url(#blur)" />  </svg> 

線上示範：http://www.htmleaf.com/Demo/201503111501.html

：http://www.htmleaf.com/html5/SVG/201503111500.html

7種炫酷HTML5 SVG液態水滴融合分解動畫特效