mirror of
https://github.com/uiverse-io/galaxy.git
synced 2025-11-27 20:50:21 +08:00
26 lines
No EOL
901 B
HTML
26 lines
No EOL
901 B
HTML
<div class="container"></div>
|
|
|
|
<style>
|
|
/* From Uiverse.io by csemszepp - Tags: simple, minimalist, pattern */
|
|
.container {
|
|
width: 100%;
|
|
height: 100%;
|
|
--s: 200px; /* control the size */
|
|
|
|
--_g: #dc9d37 25%, #fed450 0 50%, #0000 0;
|
|
--_l1: #fff 0 1px, #0000 0 calc(25% - 1px), #fff 0 25%;
|
|
--_l2: #fff 0 1px, #0000 0 calc(50% - 1px), #fff 0 50%;
|
|
background: repeating-linear-gradient(45deg, var(--_l1)),
|
|
repeating-linear-gradient(-45deg, var(--_l1)),
|
|
repeating-linear-gradient(0deg, var(--_l2)),
|
|
repeating-linear-gradient(90deg, var(--_l2)),
|
|
conic-gradient(from 135deg at 25% 75%, var(--_g)),
|
|
conic-gradient(from 225deg at 25% 25%, var(--_g)),
|
|
conic-gradient(from 45deg at 75% 75%, var(--_g)),
|
|
conic-gradient(from -45deg at 75% 25%, var(--_g)),
|
|
repeating-conic-gradient(#125c65 0 45deg, #bc4a33 0 90deg);
|
|
background-size: var(--s) var(--s);
|
|
}
|
|
|
|
</style>
|
|
|