Skip to content

Commit 08a4884

Browse files
authored
Add files via upload
1 parent 65fa669 commit 08a4884

1 file changed

Lines changed: 51 additions & 0 deletions

File tree

cssoverlay.css

Lines changed: 51 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,51 @@
1+
/* ===== Glitch Overlay + Center Text ===== */
2+
3+
/* Overlay noise + scanline */
4+
body::after {
5+
content: "";
6+
position: fixed;
7+
inset: 0;
8+
animation: noiseMove 0.5s steps(2) infinite;
9+
z-index: 99998;
10+
pointer-events: none;
11+
background-color: #0000009e;
12+
backdrop-filter: blur(15px);
13+
}
14+
15+
/* Glitch text */
16+
body::before {
17+
display: flex;
18+
justify-content: center;
19+
align-items: center;
20+
content: "HACKED BY FVSCYBER";
21+
position: fixed;
22+
top: 50%;
23+
left: 50%;
24+
transform: translate(-50%, -50%);
25+
font-family: monospace;
26+
font-size: 4vw;
27+
font-weight: bold;
28+
color: white;
29+
text-shadow: 2px 0 red, -2px 0 cyan;
30+
animation: glitchText .5s infinite;
31+
z-index: 99999;
32+
pointer-events: none;
33+
width: 100dvw;
34+
height: 100dvh;
35+
36+
}
37+
38+
/* Glitch distort overlay */
39+
@keyframes noiseMove {
40+
0%, 100% { background-position: 0 0, 0 0; }
41+
50% { background-position: 5px 5px, -5px -5px; }
42+
}
43+
44+
@keyframes glitchText {
45+
0% { text-shadow: 2px 0 red, -2px 0 cyan; }
46+
20% { text-shadow: -2px 0 red, 2px 0 cyan; transform: translate(-50%, -50%) skew(1deg); }
47+
40% { text-shadow: 2px 0 blue, -2px 0 lime; transform: translate(-50%, -50%) skew(-1deg); }
48+
60% { text-shadow: -2px 0 magenta, 2px 0 yellow; transform: translate(-50%, -50%) skew(2deg); }
49+
80% { text-shadow: 2px 0 red, -2px 0 cyan; transform: translate(-50%, -50%) skew(-2deg); }
50+
100% { text-shadow: 2px 0 red, -2px 0 cyan; transform: translate(-50%, -50%) skew(0deg); }
51+
}

0 commit comments

Comments
 (0)