Glitch Effect

HTML
SCSS
html, body { height: 100%; } body { $color: #333; $color2: #555; background: linear-gradient(0deg, $color 25%, transparent 25%) 0 0 / 0.5em 0.5em , linear-gradient(0deg, $color2 50%, transparent 50%) 0 0 / 1em 1em; animation: glitch 0.75s linear infinite; } @keyframes glitch { 100% { background-position: 0 0, 0 -3em; background-size: 0 0, 1em 6em; } }
JAVASCRIPT
Expand for more options Login