missing match crazy shit
This commit is contained in:
62
styles.css
62
styles.css
@@ -668,6 +668,68 @@ body {
|
||||
}
|
||||
}
|
||||
|
||||
/* ===== NESSUN MATCH: effetto pazzo ===== */
|
||||
.strobe {
|
||||
position: fixed;
|
||||
inset: 0;
|
||||
z-index: 58;
|
||||
pointer-events: none;
|
||||
opacity: 0;
|
||||
}
|
||||
.strobe.go {
|
||||
animation: strobe 1s linear;
|
||||
}
|
||||
@keyframes strobe {
|
||||
0%, 100% { opacity: 0; }
|
||||
8% { opacity: 1; background: rgba(255, 0, 60, 0.45); }
|
||||
16% { opacity: 1; background: rgba(0, 229, 255, 0.4); }
|
||||
24% { opacity: 1; background: rgba(255, 210, 63, 0.4); }
|
||||
40% { opacity: 1; background: rgba(255, 0, 60, 0.4); }
|
||||
56% { opacity: 1; background: rgba(0, 229, 255, 0.38); }
|
||||
72% { opacity: 1; background: rgba(255, 46, 136, 0.4); }
|
||||
88% { opacity: 1; background: rgba(255, 0, 60, 0.35); }
|
||||
}
|
||||
.reel-window.glitch {
|
||||
animation: glitch 0.08s steps(2) infinite;
|
||||
}
|
||||
@keyframes glitch {
|
||||
0% { transform: translate(0, 0) skewX(0); filter: hue-rotate(0deg); }
|
||||
25% { transform: translate(-7px, 3px) skewX(4deg); filter: hue-rotate(90deg); }
|
||||
50% { transform: translate(6px, -4px) skewX(-4deg); filter: hue-rotate(200deg); }
|
||||
75% { transform: translate(-5px, 5px) skewX(3deg); filter: hue-rotate(300deg); }
|
||||
100% { transform: translate(0, 0) skewX(0); filter: hue-rotate(0deg); }
|
||||
}
|
||||
.nomatch-stamp {
|
||||
position: fixed;
|
||||
inset: 0;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
z-index: 59;
|
||||
pointer-events: none;
|
||||
}
|
||||
.nomatch-stamp span {
|
||||
font-family: "Anton", sans-serif;
|
||||
font-size: clamp(44px, 10vw, 140px);
|
||||
letter-spacing: 3px;
|
||||
color: var(--red);
|
||||
text-shadow: 0 0 30px var(--red), 0 0 70px #ff004c;
|
||||
transform: rotate(-8deg) scale(0.3);
|
||||
opacity: 0;
|
||||
animation: stampIn 1.3s ease;
|
||||
}
|
||||
@keyframes stampIn {
|
||||
0% { opacity: 0; transform: rotate(-8deg) scale(0.3); }
|
||||
15% { opacity: 1; transform: rotate(-8deg) scale(1.15); }
|
||||
28% { transform: rotate(-8deg) scale(1); }
|
||||
82% { opacity: 1; transform: rotate(-8deg) scale(1); }
|
||||
100% { opacity: 0; transform: rotate(-8deg) scale(1.05); }
|
||||
}
|
||||
.rr-nomatch {
|
||||
color: var(--red);
|
||||
text-shadow: 0 0 16px var(--red);
|
||||
}
|
||||
|
||||
@media (max-width: 980px) {
|
||||
.stage {
|
||||
grid-template-columns: 1fr;
|
||||
|
||||
Reference in New Issue
Block a user