Spaces:
Sleeping
Sleeping
Commit ·
3fdca48
1
Parent(s): 817bcec
style(game): scene dissolves to shadow + fog (O2 — one image, no rectangle)
Browse files- styles.css +7 -7
styles.css
CHANGED
|
@@ -1412,8 +1412,8 @@ footer { display: none !important; }
|
|
| 1412 |
background-position: center 40%;
|
| 1413 |
background-repeat: no-repeat;
|
| 1414 |
filter: grayscale(1) brightness(0.46);
|
| 1415 |
-
-webkit-mask: radial-gradient(ellipse 80% 82% at 50% 46%, #000
|
| 1416 |
-
mask: radial-gradient(ellipse 80% 82% at 50% 46%, #000
|
| 1417 |
z-index: 1;
|
| 1418 |
pointer-events: none;
|
| 1419 |
}
|
|
@@ -1435,7 +1435,7 @@ footer { display: none !important; }
|
|
| 1435 |
inset: 0;
|
| 1436 |
pointer-events: none;
|
| 1437 |
z-index: 3;
|
| 1438 |
-
box-shadow: inset 0 0
|
| 1439 |
}
|
| 1440 |
|
| 1441 |
/* rising ground fog — dissolves the child's lower half */
|
|
@@ -1443,13 +1443,13 @@ footer { display: none !important; }
|
|
| 1443 |
position: fixed;
|
| 1444 |
left: var(--band-h); right: var(--band-h); /* confined to the frame width */
|
| 1445 |
bottom: var(--band-v); /* rises from the frame's base */
|
| 1446 |
-
height: calc(var(--fh) * 0.
|
| 1447 |
z-index: 5; /* above the child (z-index 4) so it veils the legs */
|
| 1448 |
pointer-events: none;
|
| 1449 |
background: linear-gradient(transparent,
|
| 1450 |
-
rgba(150,150,
|
| 1451 |
-
rgba(
|
| 1452 |
-
rgba(
|
| 1453 |
-webkit-mask: linear-gradient(90deg, transparent, #000 12%, #000 88%, transparent);
|
| 1454 |
mask: linear-gradient(90deg, transparent, #000 12%, #000 88%, transparent);
|
| 1455 |
}
|
|
|
|
| 1412 |
background-position: center 40%;
|
| 1413 |
background-repeat: no-repeat;
|
| 1414 |
filter: grayscale(1) brightness(0.46);
|
| 1415 |
+
-webkit-mask: radial-gradient(ellipse 80% 82% at 50% 46%, #000 18%, transparent 88%);
|
| 1416 |
+
mask: radial-gradient(ellipse 80% 82% at 50% 46%, #000 18%, transparent 88%);
|
| 1417 |
z-index: 1;
|
| 1418 |
pointer-events: none;
|
| 1419 |
}
|
|
|
|
| 1435 |
inset: 0;
|
| 1436 |
pointer-events: none;
|
| 1437 |
z-index: 3;
|
| 1438 |
+
box-shadow: inset 0 0 210px 90px rgba(5,4,10,0.92);
|
| 1439 |
}
|
| 1440 |
|
| 1441 |
/* rising ground fog — dissolves the child's lower half */
|
|
|
|
| 1443 |
position: fixed;
|
| 1444 |
left: var(--band-h); right: var(--band-h); /* confined to the frame width */
|
| 1445 |
bottom: var(--band-v); /* rises from the frame's base */
|
| 1446 |
+
height: calc(var(--fh) * 0.55);
|
| 1447 |
z-index: 5; /* above the child (z-index 4) so it veils the legs */
|
| 1448 |
pointer-events: none;
|
| 1449 |
background: linear-gradient(transparent,
|
| 1450 |
+
rgba(150,150,168,0.10) 50%,
|
| 1451 |
+
rgba(170,170,190,0.18) 80%,
|
| 1452 |
+
rgba(180,180,200,0.26));
|
| 1453 |
-webkit-mask: linear-gradient(90deg, transparent, #000 12%, #000 88%, transparent);
|
| 1454 |
mask: linear-gradient(90deg, transparent, #000 12%, #000 88%, transparent);
|
| 1455 |
}
|