mirror of
https://github.com/uiverse-io/galaxy.git
synced 2025-11-27 20:50:21 +08:00
56 lines
No EOL
1.1 KiB
HTML
56 lines
No EOL
1.1 KiB
HTML
<div class="container"></div>
|
|
|
|
<style>
|
|
/* From Uiverse.io by csemszepp - Tags: simple, material design, pattern, honeycomb */
|
|
.container {
|
|
width: 100%;
|
|
height: 100%;
|
|
background: radial-gradient(
|
|
circle farthest-side at 0% 50%,
|
|
#fb1 23.5%,
|
|
rgba(240, 166, 17, 0) 0
|
|
)
|
|
21px 30px,
|
|
radial-gradient(
|
|
circle farthest-side at 0% 50%,
|
|
#b71 24%,
|
|
rgba(240, 166, 17, 0) 0
|
|
)
|
|
19px 30px,
|
|
linear-gradient(
|
|
#fb1 14%,
|
|
rgba(240, 166, 17, 0) 0,
|
|
rgba(240, 166, 17, 0) 85%,
|
|
#fb1 0
|
|
)
|
|
0 0,
|
|
linear-gradient(
|
|
150deg,
|
|
#fb1 24%,
|
|
#b71 0,
|
|
#b71 26%,
|
|
rgba(240, 166, 17, 0) 0,
|
|
rgba(240, 166, 17, 0) 74%,
|
|
#b71 0,
|
|
#b71 76%,
|
|
#fb1 0
|
|
)
|
|
0 0,
|
|
linear-gradient(
|
|
30deg,
|
|
#fb1 24%,
|
|
#b71 0,
|
|
#b71 26%,
|
|
rgba(240, 166, 17, 0) 0,
|
|
rgba(240, 166, 17, 0) 74%,
|
|
#b71 0,
|
|
#b71 76%,
|
|
#fb1 0
|
|
)
|
|
0 0,
|
|
linear-gradient(90deg, #b71 2%, #fb1 0, #fb1 98%, #b71 0%) 0 0 #fb1;
|
|
background-size: 40px 60px;
|
|
}
|
|
|
|
</style>
|
|
|