GRADIENT
.ART
css
Sign In
<div id="root"></div>#root {
width: 500px;
height: 500px;
background:
radial-gradient(circle at 100% 50%, transparent 20%, rgb(69 168 255) 21%, rgb(69 168 255) 34%, transparent 35%) 0 0 / 75px 100px, /* Left Wave */
radial-gradient(circle at 0 50%, transparent 20%, rgb(69 168 255) 21%, rgb(69 168 255) 34%, transparent 35%) 0 50px / 75px 100px; /* Right Wave */
} Comments (0)
Colors
Views
3,853
Code size
654 bytes
Layers
2
<iframe
src="https://gra.dient.art/embed/uqrlrl9oyq"
title="Waves | GradientArt"
width="500"
height="500"
style="border: 0; max-width: 100%; aspect-ratio: 500 / 500; height: auto;"
loading="lazy"
></iframe>Layers (2)
Left Wave
radial
Right Wave
radial
GRADIENT
.ART
css