mirror of
https://github.com/uiverse-io/galaxy.git
synced 2025-11-28 05:00:22 +08:00
58 lines
No EOL
1.5 KiB
HTML
58 lines
No EOL
1.5 KiB
HTML
<div class="container"></div>
|
|
|
|
<style>
|
|
/* From Uiverse.io by mobinkakei - Tags: simple, white, pattern */
|
|
.container {
|
|
width: 100%;
|
|
height: 100%;
|
|
/* control ize */
|
|
--u: 5px;
|
|
--c1: #ededee;
|
|
--c2: #000000;
|
|
--c3: #1e1e1e;
|
|
--gp: 50% / calc(var(--u) * 16.9) calc(var(--u) * 12.8);
|
|
background: conic-gradient(
|
|
from 122deg at 50% 85.15%,
|
|
var(--c2) 0 58deg,
|
|
var(--c3) 0 116deg,
|
|
#fff0 0 100%
|
|
)
|
|
var(--gp),
|
|
conic-gradient(from 122deg at 50% 72.5%, var(--c1) 0 116deg, #fff0 0 100%)
|
|
var(--gp),
|
|
conic-gradient(from 58deg at 82.85% 50%, var(--c3) 0 64deg, #fff0 0 100%)
|
|
var(--gp),
|
|
conic-gradient(
|
|
from 58deg at 66.87% 50%,
|
|
var(--c1) 0 64deg,
|
|
var(--c2) 0 130deg,
|
|
#fff0 0 100%
|
|
)
|
|
var(--gp),
|
|
conic-gradient(from 238deg at 17.15% 50%, var(--c2) 0 64deg, #fff0 0 100%)
|
|
var(--gp),
|
|
conic-gradient(
|
|
from 172deg at 33.13% 50%,
|
|
var(--c3) 0 66deg,
|
|
var(--c1) 0 130deg,
|
|
#fff0 0 100%
|
|
)
|
|
var(--gp),
|
|
linear-gradient(98deg, var(--c3) 0 15%, #fff0 calc(15% + 1px) 100%)
|
|
var(--gp),
|
|
linear-gradient(-98deg, var(--c2) 0 15%, #fff0 calc(15% + 1px) 100%)
|
|
var(--gp),
|
|
conic-gradient(
|
|
from -58deg at 50.25% 14.85%,
|
|
var(--c3) 0 58deg,
|
|
var(--c2) 0 116deg,
|
|
#fff0 0 100%
|
|
)
|
|
var(--gp),
|
|
conic-gradient(from -58deg at 50% 28.125%, var(--c1) 0 116deg, #fff0 0 100%)
|
|
var(--gp),
|
|
linear-gradient(90deg, var(--c2) 0 50%, var(--c3) 0 100%) var(--gp);
|
|
}
|
|
|
|
</style>
|
|
|