mirror of
https://github.com/uiverse-io/galaxy.git
synced 2025-11-28 05:00:22 +08:00
29 lines
No EOL
949 B
HTML
29 lines
No EOL
949 B
HTML
<div class="container"></div>
|
|
|
|
<style>
|
|
/* From Uiverse.io by kennyotsu - Tags: simple, pink, pattern, dog bone */
|
|
.container {
|
|
--color: #c09bd8;
|
|
background-color: #9f84bd;
|
|
width: 100%;
|
|
height: 100%;
|
|
position: relative;
|
|
}
|
|
.container::after {
|
|
content: "";
|
|
position: absolute;
|
|
inset: 0;
|
|
opacity: 0.8;
|
|
background: radial-gradient(circle, var(--color) 15%, transparent 15%),
|
|
radial-gradient(circle, var(--color) 15%, transparent 15%) 6px -6px,
|
|
radial-gradient(circle, var(--color) 15%, transparent 15%) 6px -1px,
|
|
radial-gradient(circle, var(--color) 15%, transparent 15%) 10px 2px,
|
|
radial-gradient(circle, var(--color) 15%, transparent 15%) 14px 5px,
|
|
radial-gradient(circle, var(--color) 15%, transparent 15%) 18px 8px,
|
|
radial-gradient(circle, var(--color) 15%, transparent 15%) 18px 12px,
|
|
radial-gradient(circle, var(--color) 15%, transparent 15%) 23px 6px;
|
|
background-size: 50px 50px;
|
|
}
|
|
|
|
</style>
|
|
|