1
0
Fork 0
mirror of https://github.com/GuerillaStudio/now-playing synced 2024-11-09 14:11:53 +00:00
now-playing/layouts/partials/cover-glitch-svg-filter.html

40 lines
1.4 KiB
HTML
Raw Normal View History

2020-03-23 11:20:29 +00:00
<!-- Svg filter -->
<svg xmlns="http://www.w3.org/2000/svg" version="1.1" class="coverGlitch-svgFilter">
<defs>
<filter id="dist-01">
<feTurbulence id="turbulence" baseFrequency="0.02" numOctaves="8" result="noise" seed="0"/>
<feConvolveMatrix in="noise" order="3" result="snoise"
kernelMatrix="
0 -1 0
-1 5 -1
0 -1 0
"/>
<feDisplacementMap id="displacement" in="SourceGraphic" in2="snoise" scale="6" />
</filter>
<filter id="dist-02">
<feTurbulence id="turbulence" baseFrequency="0.2" numOctaves="8" result="noise" seed="1"/>
<feConvolveMatrix in="noise" order="3" result="snoise"
kernelMatrix="
0 -1 0
-1 5 -1
0 -1 0
"/>
<feDisplacementMap id="displacement" in="SourceGraphic" in2="snoise" scale="6" />
</filter>
<filter id="dist-03">
<feTurbulence id="turbulence" baseFrequency="0.01" numOctaves="6" result="noise" seed="2"/>
<feConvolveMatrix in="noise" order="3" result="snoise"
kernelMatrix="
0 -1 0
-1 5 -1
0 -1 0
"/>
<feDisplacementMap id="displacement" in="SourceGraphic" in2="snoise" scale="6" />
</filter>
<filter id="dist-04">
<feTurbulence id="turbulence" baseFrequency="0.01" numOctaves="6" result="noise" seed="2"/>
2020-03-23 11:20:29 +00:00
<feDisplacementMap id="displacement" in="SourceGraphic" in2="noise" scale="6" />
</filter>
</defs>
</svg>