mirror of
https://github.com/uiverse-io/galaxy.git
synced 2025-11-28 05:00:22 +08:00
33 lines
No EOL
826 B
HTML
33 lines
No EOL
826 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: 20px; /* size of the lines */
|
|
--g: 15px; /* gap between lines */
|
|
|
|
--c1: #c02942;
|
|
--c2: #53777a;
|
|
|
|
background: conic-gradient(
|
|
at var(--s) calc(100% - var(--s)),
|
|
#0000 270deg,
|
|
var(--c1) 0
|
|
)
|
|
calc(var(--s) + var(--g)) 0,
|
|
linear-gradient(var(--c2) var(--s), #0000 0) 0 var(--g),
|
|
conic-gradient(
|
|
at var(--s) calc(100% - var(--s)),
|
|
#0000 90deg,
|
|
var(--c2) 0 180deg,
|
|
var(--c1) 0
|
|
),
|
|
#ecd078;
|
|
background-size: calc(2 * (var(--s) + var(--g)))
|
|
calc(2 * (var(--s) + var(--g)));
|
|
}
|
|
|
|
</style>
|
|
|