mirror of
https://github.com/uiverse-io/galaxy.git
synced 2025-11-28 13:10:21 +08:00
35 lines
No EOL
842 B
HTML
35 lines
No EOL
842 B
HTML
<div class="container"></div>
|
|
|
|
<style>
|
|
/* From Uiverse.io by elijahgummer - Tags: simple, material design, green, blue, minimalist, gradient, pattern */
|
|
.container {
|
|
width: 100%;
|
|
height: 100%;
|
|
background: linear-gradient(
|
|
45deg,
|
|
#3498db,
|
|
#2ecc71
|
|
); /* Gradient background */
|
|
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1); /* Shadow for depth */
|
|
border-radius: 10px; /* Rounded corners */
|
|
position: relative;
|
|
overflow: hidden;
|
|
}
|
|
|
|
.container::before {
|
|
content: "";
|
|
position: absolute;
|
|
width: 100%;
|
|
height: 100%;
|
|
background-image: linear-gradient(
|
|
90deg,
|
|
rgba(255, 255, 255, 0.1) 1px,
|
|
transparent 1px
|
|
),
|
|
linear-gradient(rgba(255, 255, 255, 0.1) 1px, transparent 1px);
|
|
background-size: 20px 20px;
|
|
pointer-events: none; /* Allow clicking through the pattern layer */
|
|
}
|
|
|
|
</style>
|
|
|