mirror of
https://github.com/uiverse-io/galaxy.git
synced 2025-11-28 05:00:22 +08:00
30 lines
No EOL
1,014 B
HTML
30 lines
No EOL
1,014 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: 140px; /* control the size */
|
|
--c1: #ab3e5b;
|
|
--c2: #ffbe40;
|
|
|
|
--_g: #0000 25%, #0008 47%, var(--c1) 53% 147%, var(--c2) 153% 247%,
|
|
var(--c1) 253% 347%, var(--c2) 353% 447%, var(--c1) 453% 547%, #0008 553%,
|
|
#0000 575%;
|
|
--_s: calc(25% / 3) calc(25% / 4) at 50%;
|
|
background: radial-gradient(var(--_s) 100%, var(--_g)),
|
|
radial-gradient(var(--_s) 100%, var(--_g)) calc(var(--s) / 2)
|
|
calc(3 * var(--s) / 4),
|
|
radial-gradient(var(--_s) 0, var(--_g)) calc(var(--s) / 2) 0,
|
|
radial-gradient(var(--_s) 0, var(--_g)) 0 calc(3 * var(--s) / 4),
|
|
repeating-linear-gradient(
|
|
90deg,
|
|
#accec0 calc(25% / -6) calc(25% / 6),
|
|
#61a6ab 0 calc(25% / 2)
|
|
);
|
|
background-size: var(--s) calc(3 * var(--s) / 2);
|
|
}
|
|
|
|
</style>
|
|
|