Comments (0)

CSS

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