Comments (0)
CSS
width: 500px;
height: 500px;
background:
radial-gradient(ellipse at 50% 50%, rgb(255 255 255 / 0) 60%, rgb(255 255 255 / 1) 60.2%) 0px 0px / 500px 500px no-repeat no-repeat, /* Mask */
radial-gradient(ellipse at 50% 50%, rgb(210 79 127 / 0) 51%, rgb(210 79 127 / 1) 51.1%) 0px 0px / 500px 500px no-repeat no-repeat, /* Outer Rim */
radial-gradient(circle at 0% 79%, rgb(210 79 127 / 0) 44%, rgb(210 79 127 / 1) 44.1%, rgb(210 79 127 / 1) 50%, rgb(210 79 127 / 0) 50.1%) -8px -30px / 500px 500px no-repeat no-repeat, /* Rim (copy) */
radial-gradient(circle at 50% 100%, rgb(210 79 127 / 0) 43%, rgb(249 166 196 / 1) 43.1%, rgb(249 166 196 / 1) 44%, rgb(210 79 127 / 1) 44.1%, rgb(210 79 127 / 1) 51%, rgb(210 79 127 / 0) 51.1%) 112px 39px / 500px 500px no-repeat no-repeat, /* Rim */
radial-gradient(circle at 50% 0%, rgb(210 79 127 / 0) 44%, rgb(210 79 127 / 1) 44.1%, rgb(210 79 127 / 1) 50%, rgb(249 166 196 / 1) 50.1%, rgb(249 166 196 / 1) 51%, rgb(210 79 127 / 0) 51.1%) -109px -36px / 500px 500px no-repeat no-repeat, /* Rim */
radial-gradient(circle at 0% 79%, rgb(210 79 127 / 0) 44%, rgb(210 79 127 / 1) 44.1%, rgb(210 79 127 / 1) 50%, rgb(249 166 196 / 1) 50.1%, rgb(249 166 196 / 1) 51%, rgb(210 79 127 / 0) 51.1%) -8px -30px / 500px 500px no-repeat no-repeat, /* Rim */
radial-gradient(ellipse at 50% 50%, rgb(249 166 196 / 1) 46%, rgb(249 166 196 / 0) 47%) 53px 76px / 399px 202px no-repeat no-repeat, /* Oval */
linear-gradient(325deg, rgb(244 112 161 / 1) 0%, rgb(254 153 188 / 1) 100%) 38px 43px / 405px 413px no-repeat no-repeat; /* Background */
Layers (8)
Mask
radial
Outer Rim
radial
Rim (copy)
radial
Rim
radial
Rim
radial
Rim
radial
Oval
radial
Background
linear
GRADIENT
.ART
css