Spaces:
Running
Running
Update index.html
Browse files- index.html +10 -10
index.html
CHANGED
|
@@ -27,25 +27,25 @@
|
|
| 27 |
-------------------------------------------------------------
|
| 28 |
*/
|
| 29 |
|
| 30 |
-
/* Pulse animation: fade in/out more
|
| 31 |
@keyframes pulse {
|
| 32 |
-
0% { opacity: 0.
|
| 33 |
-
50% { opacity: 1; }
|
| 34 |
-
100% { opacity: 0.
|
| 35 |
}
|
| 36 |
|
| 37 |
-
/* Float animation: move element up and down by
|
| 38 |
@keyframes float {
|
| 39 |
0% { transform: translateY(0px); }
|
| 40 |
-
50% { transform: translateY(-
|
| 41 |
100% { transform: translateY(0px); }
|
| 42 |
}
|
| 43 |
|
| 44 |
-
/* Glow animation: increase box-shadow spread to 20px ⇄ 40px */
|
| 45 |
@keyframes glow {
|
| 46 |
-
0% { box-shadow: 0 0
|
| 47 |
-
50% { box-shadow: 0 0
|
| 48 |
-
100% { box-shadow: 0 0
|
| 49 |
}
|
| 50 |
|
| 51 |
/* Apply float and glow to the “conscious orb” icon */
|
|
|
|
| 27 |
-------------------------------------------------------------
|
| 28 |
*/
|
| 29 |
|
| 30 |
+
/* Pulse animation: fade in/out with a more dramatic range (0.4 → 1 → 0.4) */
|
| 31 |
@keyframes pulse {
|
| 32 |
+
0% { opacity: 0.4; }
|
| 33 |
+
50% { opacity: 1; }
|
| 34 |
+
100% { opacity: 0.4; }
|
| 35 |
}
|
| 36 |
|
| 37 |
+
/* Float animation: move element up and down by 40px (double of 20px) */
|
| 38 |
@keyframes float {
|
| 39 |
0% { transform: translateY(0px); }
|
| 40 |
+
50% { transform: translateY(-40px); }
|
| 41 |
100% { transform: translateY(0px); }
|
| 42 |
}
|
| 43 |
|
| 44 |
+
/* Glow animation: increase box-shadow spread to 40px ⇄ 80px (double of 20px ⇄ 40px) */
|
| 45 |
@keyframes glow {
|
| 46 |
+
0% { box-shadow: 0 0 40px rgba(99, 102, 241, 0.5); }
|
| 47 |
+
50% { box-shadow: 0 0 80px rgba(99, 102, 241, 0.8); }
|
| 48 |
+
100% { box-shadow: 0 0 40px rgba(99, 102, 241, 0.5); }
|
| 49 |
}
|
| 50 |
|
| 51 |
/* Apply float and glow to the “conscious orb” icon */
|