Apple Logo

Designed by
Yoav Kadosh

Keywords:

Colors:

Layers
14
Views
73
Open in Editor

Layers

Bite
(radial)
Side
(radial)
Side
(radial)
Center
(solid)
Top
(radial)
Top
(radial)
Top
(radial)
Bottom
(radial)
Bottom
(radial)
Bottom
(radial)
Leaf
(radial)
Leaf
(radial)
Leaf
(solid)
Background
(solid)

CSS

width: 500px;
height: 500px;
background:
radial-gradient(circle at 50% 50%, rgba(255,255,255,1) 67%, rgba(255,255,255,0) 68%) 324px 177px / 150px 150px no-repeat no-repeat, /* Bite */
radial-gradient(ellipse at 140% 0%, rgba(170,170,170,1) 64%, rgba(255,255,255,0) 65%) 99px 233px / 78px 190px no-repeat no-repeat, /* Side */
radial-gradient(ellipse at -40% 0%, rgba(170,170,170,1) 64%, rgba(255,255,255,0) 65%) 316px 233px / 78px 190px no-repeat no-repeat, /* Side */
linear-gradient(rgba(170,170,170,1), rgba(170,170,170,1)) 162px 217px / 168px 135px no-repeat no-repeat, /* Center */
radial-gradient(circle at 50% 0%, rgba(255,255,255,0) 64%, rgba(170,170,170,1) 67%) 233px 132px / 32px 52px no-repeat no-repeat, /* Top */
radial-gradient(ellipse at 50% 50%, rgba(170,170,170,1) 67%, rgba(255,255,255,0) 68%) 105px 147px / 170px 170px no-repeat no-repeat, /* Top */
radial-gradient(ellipse at 50% 50%, rgba(170,170,170,1) 67%, rgba(255,255,255,0) 68%) 223px 147px / 170px 170px no-repeat no-repeat, /* Top */
radial-gradient(circle at 50% 100%, rgba(255,255,255,0) 66%, rgba(170,170,170,1) 67%) 215px 351px / 66px 146px no-repeat no-repeat, /* Bottom */
radial-gradient(ellipse at 50% 50%, rgba(170,170,170,1) 67%, rgba(255,255,255,0) 69%) 155px 316px / 95px 91px no-repeat no-repeat, /* Bottom */
radial-gradient(ellipse at 50% 50%, rgba(170,170,170,1) 67%, rgba(255,255,255,0) 69%) 246px 316px / 95px 91px no-repeat no-repeat, /* Bottom */
radial-gradient(circle at 11% 8%, rgba(255,255,255,0) 60%, rgba(255,255,255,1) 61%) 232px 54px / 100px 100px no-repeat no-repeat, /* Leaf */
radial-gradient(circle at 88% 87%, rgba(255,255,255,0) 60%, rgba(255,255,255,1) 61%) 230px 53px / 100px 100px no-repeat no-repeat, /* Leaf */
linear-gradient(rgba(170,170,170,1), rgba(170,170,170,1)) 233px 59px / 95px 91px no-repeat no-repeat, /* Leaf */
linear-gradient(rgba(255,255,255,1), rgba(255,255,255,1)) 0px 0px / 500px 500px no-repeat no-repeat; /* Background */