mirror of
https://github.com/uiverse-io/galaxy.git
synced 2025-11-27 20:50:21 +08:00
34 lines
No EOL
915 B
HTML
34 lines
No EOL
915 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: 82px;
|
|
--c1: #b2b2b2;
|
|
--c2: #ffffff;
|
|
--c3: #d9d9d9;
|
|
|
|
--_g: var(--c3) 0 120deg, #0000 0;
|
|
background: conic-gradient(from -60deg at 50% calc(100% / 3), var(--_g)),
|
|
conic-gradient(from 120deg at 50% calc(200% / 3), var(--_g)),
|
|
conic-gradient(
|
|
from 60deg at calc(200% / 3),
|
|
var(--c3) 60deg,
|
|
var(--c2) 0 120deg,
|
|
#0000 0
|
|
),
|
|
conic-gradient(from 180deg at calc(100% / 3), var(--c1) 60deg, var(--_g)),
|
|
linear-gradient(
|
|
90deg,
|
|
var(--c1) calc(100% / 6),
|
|
var(--c2) 0 50%,
|
|
var(--c1) 0 calc(500% / 6),
|
|
var(--c2) 0
|
|
);
|
|
background-size: calc(1.732 * var(--s)) var(--s);
|
|
}
|
|
|
|
</style>
|
|
|