Google Logo

Designed by
Yoav Kadosh

Keywords:

Colors:

Layers
7
Views
92
Open in Editor

Layers

Blue
(linear)
Mask
(radial)
White
(linear)
Blue
(linear)
Red
(linear)
Yellow
(linear)
Green
(radial)

CSS

width: 500px;
height: 500px;
background:
linear-gradient(0deg, rgba(67,133,245,1) 0%, rgba(67,133,245,1) 100%) 256px 202px / 220px 89px no-repeat no-repeat, /* Blue */
radial-gradient(ellipse at 50% 50%, rgba(255,255,255,1) 41%, rgba(255,255,255,0) 41.2%, rgba(255,255,255,0) 66%, rgba(255,255,255,1) 66.2%) 0px 0px / 500px 500px no-repeat no-repeat, /* Mask */
linear-gradient(314deg, rgba(255,255,255,1) 50%, rgba(255,255,255,0) 50.2%) 301px 2px / 200px 200px no-repeat no-repeat, /* White */
linear-gradient(207deg, rgba(67,133,245,1) 50%, rgba(67,133,245,0) 50.2%) 232px 200px / 399px 324px no-repeat no-repeat, /* Blue */
linear-gradient(207deg, rgba(234,66,53,1) 50%, rgba(234,66,53,0) 50.2%) 0px 0px / 500px 500px no-repeat no-repeat, /* Red */
linear-gradient(147deg, rgba(250,188,8,1) 50%, rgba(250,188,8,0) 50.2%) 9px 128px / 291px 286px no-repeat no-repeat, /* Yellow */
radial-gradient(ellipse at 50% 50%, rgba(50,168,83,1) 0%, rgba(50,168,83,1) 100%) 0px 0px / 500px 500px no-repeat no-repeat; /* Green */