mirror of
https://github.com/uiverse-io/galaxy.git
synced 2025-11-27 20:50:21 +08:00
42 lines
No EOL
1,019 B
HTML
42 lines
No EOL
1,019 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: 105px; /* control the size */
|
|
--c1: #b9b9b9;
|
|
--c2: #dcdcdc;
|
|
--c3: #fafafa;
|
|
|
|
background: conic-gradient(
|
|
from 75deg,
|
|
var(--c1) 15deg,
|
|
var(--c2) 0 30deg,
|
|
#0000 0 180deg,
|
|
var(--c2) 0 195deg,
|
|
var(--c1) 0 210deg,
|
|
#0000 0
|
|
)
|
|
calc(0.5 * var(--s)) calc(0.5 * var(--s) / 0.577),
|
|
conic-gradient(
|
|
var(--c1) 30deg,
|
|
var(--c3) 0 75deg,
|
|
var(--c1) 0 90deg,
|
|
var(--c2) 0 105deg,
|
|
var(--c3) 0 150deg,
|
|
var(--c2) 0 180deg,
|
|
var(--c3) 0 210deg,
|
|
var(--c1) 0 256deg,
|
|
var(--c2) 0 270deg,
|
|
var(--c1) 0 286deg,
|
|
var(--c2) 0 331deg,
|
|
var(--c3) 0
|
|
);
|
|
background-size: var(--s) calc(var(--s) / 0.577);
|
|
/* 0.577=tan(30deg)*/
|
|
}
|
|
|
|
</style>
|
|
|