mirror of
https://github.com/uiverse-io/galaxy.git
synced 2025-11-27 20:50:21 +08:00
31 lines
No EOL
981 B
HTML
31 lines
No EOL
981 B
HTML
<div class="container"></div>
|
|
|
|
<style>
|
|
/* From Uiverse.io by csemszepp - Source: https://github.com/Afif13 - Website: https://github.com/Afif13 - Name: Afif13 - Tags: simple, material design, pattern */
|
|
.container {
|
|
width: 100%;
|
|
height: 100%;
|
|
--s: 194px; /* control the size */
|
|
--c1: #f6edb3;
|
|
--c2: #acc4a3;
|
|
|
|
--_l: #0000 calc(25% / 3), var(--c1) 0 25%, #0000 0;
|
|
--_g: conic-gradient(from 120deg at 50% 87.5%, var(--c1) 120deg, #0000 0);
|
|
|
|
background: var(--_g), var(--_g) 0 calc(var(--s) / 2),
|
|
conic-gradient(from 180deg at 75%, var(--c2) 60deg, #0000 0),
|
|
conic-gradient(from 60deg at 75% 75%, var(--c1) 0 60deg, #0000 0),
|
|
linear-gradient(150deg, var(--_l)) 0 calc(var(--s) / 2),
|
|
conic-gradient(
|
|
at 25% 25%,
|
|
#0000 50%,
|
|
var(--c2) 0 240deg,
|
|
var(--c1) 0 300deg,
|
|
var(--c2) 0
|
|
),
|
|
linear-gradient(-150deg, var(--_l)) #55897c /* third color here */;
|
|
background-size: calc(0.866 * var(--s)) var(--s);
|
|
}
|
|
|
|
</style>
|
|
|