Sha256: 5158dce4f6f067097a876cd464d13cbf2541c469c2ee3b178816c4aef7fddd95
Contents?: true
Size: 910 Bytes
Versions: 10
Compression:
Stored size: 910 Bytes
Contents
keyframes noise-anim
$steps: 20
@for $i from 0 through $steps
#{percentage($i * 1 / $steps)}
clip: rect(random(100) + px, 9999px, random(100) + px, 0)
keyframes noise-anim-2
$steps: 20
@for $i from 0 through $steps
#{percentage($i * 1 / $steps)}
clip: rect(random(100) + px, 9999px, random(100) + px, 0)
=glitch($cl: white, $bg-col: black)
position: relative
overflow: hidden
display: inline-block
color: $cl
&:after,
&:before
content: attr(data-text)
color: $cl
background-color: $bg-col
overflow: hidden
clip: rect(0, 900px, 0, 0)
&:after
+position(absolute, left 1px, top 0)
text-shadow: -1px 0 0 rgba(red, 0.4)
+animation(noise-anim 2s infinite linear alternate-reverse)
&:before
+position(absolute, left -1px, top 0)
text-shadow: 1px 0 0 rgba(blue, 0.4)
+animation(noise-anim-2 3s infinite linear alternate-reverse)
Version data entries
10 entries across 5 versions & 1 rubygems