Update static/style2.css
Browse files- static/style2.css +4 -4
static/style2.css
CHANGED
@@ -63,7 +63,7 @@ button {
|
|
63 |
}
|
64 |
|
65 |
button:hover {
|
66 |
-
transform: scale(1.
|
67 |
}
|
68 |
|
69 |
/* Main content with psychedelic patterns */
|
@@ -98,7 +98,7 @@ button:hover {
|
|
98 |
.background-container > *:not(.color-overlay) {
|
99 |
position: relative;
|
100 |
z-index: 2;
|
101 |
-
|
102 |
}
|
103 |
@keyframes colorChange {
|
104 |
0% { background-color: rgba(255, 0, 0, 0.6); } /* Red with transparency */
|
@@ -138,11 +138,11 @@ button:hover {
|
|
138 |
}
|
139 |
33% {
|
140 |
background-color: rgba(0, 255, 0, 0.6);
|
141 |
-
transform: scale(1.
|
142 |
}
|
143 |
66% {
|
144 |
background-color: rgba(0, 0, 255, 0.6);
|
145 |
-
transform: scale(1.
|
146 |
}
|
147 |
}
|
148 |
|
|
|
63 |
}
|
64 |
|
65 |
button:hover {
|
66 |
+
transform: scale(1.2);
|
67 |
}
|
68 |
|
69 |
/* Main content with psychedelic patterns */
|
|
|
98 |
.background-container > *:not(.color-overlay) {
|
99 |
position: relative;
|
100 |
z-index: 2;
|
101 |
+
/* overflow: hidden;*/ /* To contain the scaling of the overlay */
|
102 |
}
|
103 |
@keyframes colorChange {
|
104 |
0% { background-color: rgba(255, 0, 0, 0.6); } /* Red with transparency */
|
|
|
138 |
}
|
139 |
33% {
|
140 |
background-color: rgba(0, 255, 0, 0.6);
|
141 |
+
transform: scale(1.1); /* Slightly larger */
|
142 |
}
|
143 |
66% {
|
144 |
background-color: rgba(0, 0, 255, 0.6);
|
145 |
+
transform: scale(1.2); /* Even larger */
|
146 |
}
|
147 |
}
|
148 |
|