Log In
New Project
Explore
Patterns
Shapes
Art

Heart ❤️

Designed by
Yoav Kadosh

Keywords:

shapeheartlovelike

Colors:

Showing some gradient love with a heart made of 4 radial gradients

Layers
4
Views
1284
Open in Editor

Layers

Top Right
(radial)
Top Left
(radial)
Bottom Left
(radial)
Bottom Right
(radial)

CSS

width: 253px;
height: 262px;
background:
  radial-gradient(circle at 50% 100%, rgba(255,69,127,1) 0%,  50%, rgba(69,168,255,0) 50%) 100px 20px / 129px 77px no-repeat no-repeat, /* Top Right */
  radial-gradient(circle at 50% 100%, rgba(255,69,127,1) 0%,  50%, rgba(69,168,255,0) 50%) 21px 20px / 129px 77px no-repeat no-repeat, /* Top Left */
  radial-gradient(ellipse at 159% 0%, rgba(255,69,127,1) 0%,  50%, rgba(69,168,255,0) 50%) -44px 96px / 170px 205px no-repeat no-repeat, /* Bottom Left */
  radial-gradient(ellipse at -61% 0%, rgba(255,69,127,1) 0%,  50%, rgba(69,168,255,0) 50%) 125px 96px / 170px 205px no-repeat no-repeat; /* Bottom Right */

Explore

Community

Social

Advanced CSS Gradient Editor
© 2022 GradientArt
Designed & Developed by Yoav Kadosh