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 */