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

Forked from

Colors

Views

56

Forks

0

Layers

8
Open in editor
Layers (8)
Mask
radial
Outer Rim
radial
Rim (copy)
radial
Rim
radial
Rim
radial
Rim
radial
Oval
radial
Background
linear