Skip to content

Commit 9d80f6c

Browse files
authored
Add files via upload
1 parent 61de434 commit 9d80f6c

1 file changed

Lines changed: 47 additions & 0 deletions

File tree

source/specials/glitch.css

Lines changed: 47 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,47 @@
1+
.animate__glitch
2+
{
3+
position: relative;
4+
background: inherit; !important;
5+
text-shadow: -3px 0 #F40102,-5px 0 #FBF700,2px 0 #0002FC,5px 0 #00F8FB;
6+
}
7+
8+
.animate__glitch::after,.animate__glitch::before
9+
{
10+
content:attr(data-glitch);
11+
position: absolute;
12+
top: 0;
13+
left: 0;
14+
color: inherit !important;
15+
text-shadow:none;
16+
}
17+
18+
.animate__glitch::after
19+
{
20+
transform: translateX(2px);
21+
background: inherit !important;
22+
clip-path: polygon(0 0,100% 0,100% 30%,0 100%);
23+
animation: glitch 0.2s 0.5s infinite;
24+
-webkit-animation:glitch 0.2s 0.5s infinite;
25+
}
26+
27+
.animate__glitch::before
28+
{
29+
transform: translateX(-3px);
30+
background: inherit !important;
31+
clip-path: polygon(0 60%,100% 0%,100% 100%,0 100%);
32+
animation: glitch 0.2s infinite linear alternate;
33+
-webkit-animation: glitch 0.2s infinite linear alternate;
34+
}
35+
36+
@keyframes glitch
37+
{
38+
from
39+
{
40+
opacity: 0;
41+
}
42+
to
43+
{
44+
opacity: 1;
45+
46+
}
47+
}

0 commit comments

Comments
 (0)