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 |
|