mkcart / frontend /src /components /FloatingElements.css
Kumar
updated
c2efbe6
.floating-elements {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
pointer-events: none;
z-index: -1;
overflow: hidden;
}
.floating-element {
position: absolute;
background: radial-gradient(circle, rgba(32, 52, 113, 0.1), rgba(246, 211, 101, 0.1));
border-radius: 50%;
filter: blur(1px);
opacity: 0.6;
}
.floating-element:nth-child(odd) {
background: radial-gradient(circle, rgba(255, 154, 158, 0.1), rgba(254, 207, 239, 0.1));
}
.floating-element:nth-child(3n) {
background: radial-gradient(circle, rgba(168, 237, 234, 0.1), rgba(254, 214, 227, 0.1));
}