1 | body {
|
2 | background: #03051a;
|
3 | display: flex;
|
4 | justify-content: center;
|
5 | align-items: center;
|
6 | height: 100vh;
|
7 | width: 100vw;
|
8 | margin: 0;
|
9 | }
|
10 |
|
11 | h1 {
|
12 | color: white;
|
13 | display: block;
|
14 | font-family: monospace;
|
15 | font-size: 4rem;
|
16 | font-weight: 100;
|
17 | }
|
18 |
|
19 | @supports (background: paint(something)) {
|
20 | h1 {
|
21 | |
22 |
|
23 |
|
24 |
|
25 | --extra-sparkleNumber: 60;
|
26 | --extra-sparkleHue: 180;
|
27 | --extra-sparkleHeightVariance: 12;
|
28 | --extra-sparkleWidthVariance: 15;
|
29 | --extra-sparkleWeightVariance: 3;
|
30 |
|
31 | background: paint(extra-sparkles);
|
32 | }
|
33 | } |
\ | No newline at end of file |