GRADIENT
.ART
css
Sign In
<div id="root"></div>#root {
width: 500px;
height: 500px;
background:
radial-gradient(circle, rgb(255 255 255) 67%, transparent 68%) 324px 177px / 150px 150px no-repeat, /* Bite */
radial-gradient(ellipse at 140% 0, rgb(170 170 170) 64%, transparent 65%) 99px 233px / 78px 190px no-repeat, /* Side */
radial-gradient(ellipse at -40% 0, rgb(170 170 170) 64%, transparent 65%) 316px 233px / 78px 190px no-repeat, /* Side */
linear-gradient(rgb(170 170 170), rgb(170 170 170)) 162px 217px / 168px 135px no-repeat, /* Center */
radial-gradient(circle at 50% 0, transparent 64%, rgb(170 170 170) 67%) 233px 132px / 32px 52px no-repeat, /* Top */
radial-gradient(ellipse, rgb(170 170 170) 67%, transparent 68%) 105px 147px / 170px 170px no-repeat, /* Top */
radial-gradient(ellipse, rgb(170 170 170) 67%, transparent 68%) 223px 147px / 170px 170px no-repeat, /* Top */
radial-gradient(circle at 50% 100%, transparent 66%, rgb(170 170 170) 67%) 215px 351px / 66px 146px no-repeat, /* Bottom */
radial-gradient(ellipse, rgb(170 170 170) 67%, transparent 69%) 155px 316px / 95px 91px no-repeat, /* Bottom */
radial-gradient(ellipse, rgb(170 170 170) 67%, transparent 69%) 246px 316px / 95px 91px no-repeat, /* Bottom */
radial-gradient(circle at 11% 8%, transparent 60%, rgb(255 255 255) 61%) 232px 54px / 100px 100px no-repeat, /* Leaf */
radial-gradient(circle at 88% 87%, transparent 60%, rgb(255 255 255) 61%) 230px 53px / 100px 100px no-repeat, /* Leaf */
linear-gradient(rgb(170 170 170), rgb(170 170 170)) 233px 59px / 95px 91px no-repeat, /* Leaf */
linear-gradient(rgb(255 255 255), rgb(255 255 255)) 0 0 / 500px 500px no-repeat; /* Background */
} Comments (0)
<iframe
src="https://gra.dient.art/embed/o10xhcfl4p"
title="Apple Logo | GradientArt"
width="500"
height="500"
style="border: 0; max-width: 100%; aspect-ratio: 500 / 500; height: auto;"
loading="lazy"
></iframe>Layers (14)
Bite
radial
Side
radial
Side
radial
Center
solid
Top
radial
Top
radial
Top
radial
Bottom
radial
Bottom
radial
Bottom
radial
Leaf
radial
Leaf
radial
Leaf
solid
Background
solid
GRADIENT
.ART
css