mirror of
https://github.com/uiverse-io/galaxy.git
synced 2025-11-28 05:00:22 +08:00
24 lines
No EOL
837 B
HTML
24 lines
No EOL
837 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: 150px; /* control the size */
|
|
--c1: #f7d2a1;
|
|
--c2: #05057e;
|
|
|
|
--_g: var(--c1) 0% 5%, var(--c2) 6% 15%, var(--c1) 16% 25%, var(--c2) 26% 35%,
|
|
var(--c1) 36% 45%, var(--c2) 46% 55%, var(--c1) 56% 65%, var(--c2) 66% 75%,
|
|
var(--c1) 76% 85%, var(--c2) 86% 95%, #0000 96%;
|
|
background: radial-gradient(50% 50% at 100% 0, var(--_g)),
|
|
radial-gradient(50% 50% at 0 100%, var(--_g)),
|
|
radial-gradient(50% 50%, var(--_g)),
|
|
radial-gradient(50% 50%, var(--_g)) calc(var(--s) / 2) calc(var(--s) / 2)
|
|
var(--c1);
|
|
background-size: var(--s) var(--s);
|
|
}
|
|
|
|
</style>
|
|
|