Back
Glitch Effect
Glitch / displacement effect
<svg viewBox="0 0 600 120">
<defs>
<filter id="glitch">
<feTurbulence baseFrequency="0.8" numOctaves="1" result="t"/>
<feDisplacementMap in="SourceGraphic" in2="t" scale="10" xChannelSelector="R" yChannelSelector="G"/>
</filter>
</defs>
<rect width="100%" height="100%" fill="#ffffff"/>
<g filter="url(#glitch)">
<text x="50%" y="55%" font-size="44" text-anchor="middle" fill="#1e293b">Glitch</text>
</g>
</svg>