design/styleguide/assets/style/glitch.svg
lilith a1ecdb2553
All checks were successful
/ build (push) Successful in 10s
Fix: missing assets for testpage and image style
2025-02-14 01:14:10 +01:00

37 lines
1.7 KiB
XML

<?xml version="1.0" encoding="UTF-8" standalone="no"?>
<svg width="600" height="400" xmlns="http://www.w3.org/2000/svg">
<filter id="glitch" color-interpolation-filters="linearRGB" filterUnits="objectBoundingBox"
primitiveUnits="objectBoundingBox">
<feColorMatrix in="SourceGraphic" type="saturate" values="0" result="bw" />
<feColorMatrix in="bw" type="luminanceToAlpha" result="ltoa" />
<feComponentTransfer in="ltoa" result="ltoa_inverse">
<feFuncA type="table" tableValues="0 1" />
</feComponentTransfer>
<feConvolveMatrix in="ltoa_inverse" result="pink_edges" kernelMatrix="-4 0 4 0 0 0 -4 0 4" />
<feComponentTransfer in="pink_edges" result="pink">
<feFuncR type="table" tableValues="0.7765 0" />
<feFuncG type="table" tableValues="0.1451 0" />
<feFuncB type="table" tableValues="0.4902 0" />
</feComponentTransfer>
<feOffset in="pink" result="pink_shift" dx="-0.002" />
<feConvolveMatrix in="ltoa_inverse" result="cyan_edges" kernelMatrix="4 0 -4 0 0 0 4 0 -4" />
<feComponentTransfer in="cyan_edges" result="cyan">
<feFuncR type="table" tableValues="0.2941 0" />
<feFuncG type="table" tableValues="0.6784 0" />
<feFuncB type="table" tableValues="0.8471 0" />
</feComponentTransfer>
<feOffset in="cyan" result="cyan_shift" dx="0.002" />
<feMerge result="pink_cyan_shift">
<feMergeNode in="SourceGraphic" />
<feMergeNode in="pink_shift" />
<feMergeNode in="cyan_shift" />
</feMerge>
<feTurbulence type="fractalNoise" baseFrequency="0 0.2" numOctaves="1" result="noise" />
<feDisplacementMap in="pink_cyan_shift" in2="noise" result="distorted_raw" scale="0.02" />
<feOffset in="distorted_raw" result="distorted" />
</filter>
</svg>