Skip to content

Instantly share code, notes, and snippets.

@uryu-myao
Created May 20, 2018 09:34
Show Gist options
  • Save uryu-myao/86189d826d42e76e6ea0fea93b524d05 to your computer and use it in GitHub Desktop.
Save uryu-myao/86189d826d42e76e6ea0fea93b524d05 to your computer and use it in GitHub Desktop.
SVG filter ( liquid style )
<div id="wrapper">
<div class="a"></div>
<div class="b"></div>
</div>
<svg>
<defs>
<filter id="goo">
<feGaussianBlur in="SourceGraphic" stdDeviation="10" result="name" />
<feColorMatrix in="name" mode="matrix" values="1 0 0 0 0
0 1 0 0 0
0 0 1 0 0
0 0 0 16 -8"
result="b" />
<feBlend in="SourceGraphic" in2="b" />
</filter>
</defs>
</svg>
#wrapper {
filter:url(#goo);
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment