new ragebait 3 col
This commit is contained in:
20
styles.css
20
styles.css
@@ -458,18 +458,22 @@ body {
|
||||
box-shadow: 0 0 16px var(--red);
|
||||
}
|
||||
|
||||
/* effetto "gaslighting": mentre finge di essersi fermato sulla stanza sbagliata */
|
||||
.reel-window.teasing {
|
||||
animation: teaseShake 0.12s linear infinite;
|
||||
/* effetto "gaslighting" sulla SINGOLA colonna che finge di fermarsi sbagliata */
|
||||
.reel-col.teasing {
|
||||
animation: teaseShake 0.1s linear infinite;
|
||||
z-index: 2;
|
||||
}
|
||||
.reel-window.teasing .payline {
|
||||
border-color: var(--red);
|
||||
box-shadow: 0 0 26px rgba(255, 59, 92, 0.6);
|
||||
.reel-col.teasing::after {
|
||||
content: "";
|
||||
position: absolute;
|
||||
inset: 0;
|
||||
box-shadow: inset 0 0 34px rgba(255, 59, 92, 0.6);
|
||||
pointer-events: none;
|
||||
}
|
||||
@keyframes teaseShake {
|
||||
0%, 100% { transform: translateX(0); }
|
||||
25% { transform: translateX(-2px); }
|
||||
75% { transform: translateX(2px); }
|
||||
25% { transform: translateX(-3px); }
|
||||
75% { transform: translateX(3px); }
|
||||
}
|
||||
|
||||
.mc-line {
|
||||
|
||||
Reference in New Issue
Block a user