28 lines
1.0 KiB
HTML
28 lines
1.0 KiB
HTML
|
<!DOCTYPE html>
|
||
|
|
<html lang="en" >
|
||
|
|
<head>
|
||
|
|
<meta charset="UTF-8">
|
||
|
|
<title>Zdog and Goo</title>
|
||
|
|
<link rel="stylesheet" href="./style.css">
|
||
|
|
</head>
|
||
|
|
<body>
|
||
|
|
<!-- partial:index.partial.html -->
|
||
|
|
<svg class="zdog-svg" viewBox="0 0 800 600">
|
||
|
|
<defs>
|
||
|
|
<filter id="goo">
|
||
|
|
<feGaussianBlur in="SourceGraphic" stdDeviation="8" result="blur" />
|
||
|
|
<feColorMatrix in="blur" mode="matrix" values="1 0 0 0 0 0 1 0 0 0 0 0 1 0 0 0 0 0 21 -9" result="cm" />
|
||
|
|
<feComposite in="SourceGraphic" in2="cm" operator="atop"></feComposite>
|
||
|
|
</filter>
|
||
|
|
</defs>
|
||
|
|
<g class="container" filter="url(#goo)"/>
|
||
|
|
</svg>
|
||
|
|
<!-- partial -->
|
||
|
|
<script src='https://cdnjs.cloudflare.com/ajax/libs/gsap/2.1.3/TweenMax.min.js'></script>
|
||
|
|
<script src='https://unpkg.com/zdog@1.0.1/dist/zdog.dist.js'></script>
|
||
|
|
<script src='http://s3-us-west-2.amazonaws.com/s.cdpn.io/16327/MorphSVGPlugin.min.js'></script>
|
||
|
|
<script src='https://s3-us-west-2.amazonaws.com/s.cdpn.io/35984/makeZdogBezier.min.js'></script>
|
||
|
|
<script src="./script.js"></script>
|
||
|
|
|
||
|
|
</body>
|
||
|
|
</html>
|