@keyframes glitch-animation-1 {
 0%   { clip-path:inset(75% 0 15% 0); }
 1%   { clip-path:inset(15% 0 75% 0); }
 20%  { clip-path:inset(60% 0 30% 0); }
 21%  { clip-path:inset(30% 0 60% 0); }
 40%  { clip-path:inset(50% 0 40% 0); }
 41%  { clip-path:inset(40% 0 50% 0); }
 60%  { clip-path:inset(35% 0 55% 0); }
 61%  { clip-path:inset(55% 0 35% 0); }
 80%  { clip-path:inset(90% 0 0   0); }
 81%  { clip-path:inset(0   0 90% 0); }
 99%  { clip-path:inset(0   0   0 0); }
 100% { clip-path:inset(0   0   0 0); }
}
@keyframes glitch-animation-2 {
 0%   { clip-path:inset(30% 0 60% 0); }
 1%   { clip-path:inset(60% 0 30% 0); }
 20%  { clip-path:inset(50% 0 40% 0); }
 21%  { clip-path:inset(40% 0 50% 0); }
 40%  { clip-path:inset(0   0 90% 0); }
 41%  { clip-path:inset(90% 0 0   0); }
 60%  { clip-path:inset(55% 0 25% 0); }
 61%  { clip-path:inset(25% 0 55% 0); }
 80%  { clip-path:inset(25% 0 65% 0); }
 81%  { clip-path:inset(65% 0 25% 0); }
 99%  { clip-path:inset(15% 0 75% 0); }
 100% { clip-path:inset(75% 0 15% 0); }
}
[data-glitch] {
 position:relative;
}
[data-glitch]::after,
[data-glitch]::before {
 background-color:#000;
 content:attr(data-glitch);
 display:inline;
 height:100%;
 left:0;
 position:absolute;
 top:0;
 width:100%;
}
[data-glitch]::before {
 animation:glitch-animation-1 3.25s infinite linear alternate-reverse;
 left:1px;
 text-shadow:-1px 0 1em #f00;
}
[data-glitch]::after {
 animation:glitch-animation-2 2.25s infinite linear alternate-reverse;
 left:-2px;
 text-shadow:-1px 0 1em #00f;
}
