Volkswagen Logo

Designed by
Yoav Kadosh

Keywords:

Colors:

Layers
10
Views
75
Open in Editor

Layers

Circle
(radial)
Diagonal
(linear)
Diagonal
(linear)
Diagonal
(linear)
Diagonal
(linear)
Diagonal
(linear)
Diagonal
(linear)
Circle
(radial)
Circle Mask
(radial)
Background
(radial)

CSS

width: 500px;
height: 500px;
background:
radial-gradient(ellipse at 50% 50%, rgba(255,255,255,0) 38%, rgba(255,255,255,1) 38%, rgba(255,255,255,1) 45%, rgba(255,255,255,0) 45%) 0px 0px / 500px 500px no-repeat no-repeat, /* Circle */
linear-gradient(66deg, rgba(255,255,255,0) 36%, rgba(0,0,0,0.2) 37%, rgba(255,255,255,1) 38%, rgba(255,255,255,1) 61%, rgba(0,0,0,0.2) 62%, rgba(255,255,255,0) 63%) 220px 258px / 120px 120px no-repeat no-repeat, /* Diagonal */
linear-gradient(114deg, rgba(255,255,255,0) 36%, rgba(0,0,0,0.2) 37%, rgba(255,255,255,1) 38%, rgba(255,255,255,1) 61%, rgba(0,0,0,0.2) 62%, rgba(255,255,255,0) 63%) 163px 258px / 120px 120px no-repeat no-repeat, /* Diagonal */
linear-gradient(68deg, rgba(255,255,255,0) 36%, rgba(0,0,0,0.2) 37%, rgba(255,255,255,1) 38%, rgba(255,255,255,1) 55%, rgba(0,0,0,0.2) 56%, rgba(255,255,255,0) 57%) 110px 171px / 120px 190px no-repeat no-repeat, /* Diagonal */
linear-gradient(112deg, rgba(255,255,255,0) 36%, rgba(0,0,0,0.2) 37%, rgba(255,255,255,1) 38%, rgba(255,255,255,1) 55%, rgba(0,0,0,0.2) 56%, rgba(255,255,255,0) 57%) 281px 171px / 120px 190px no-repeat no-repeat, /* Diagonal */
linear-gradient(66deg, rgba(255,255,255,0) 36%, rgba(0,0,0,0.2) 37%, rgba(255,255,255,1) 38%, rgba(255,255,255,1) 61%, rgba(0,0,0,0.2) 62%, rgba(255,255,255,0) 63%) 159px 121px / 120px 130px no-repeat no-repeat, /* Diagonal */
linear-gradient(114deg, rgba(255,255,255,0) 36%, rgba(0,0,0,0.2) 37%, rgba(255,255,255,1) 38%, rgba(255,255,255,1) 61%, rgba(0,0,0,0.2) 62%, rgba(255,255,255,0) 63%) 218px 121px / 120px 130px no-repeat no-repeat, /* Diagonal */
radial-gradient(ellipse at 50% 50%, rgba(255,255,255,0) 34%, rgba(0,0,0,0.2) 37%, rgba(255,255,255,1) 37.5%, rgba(255,255,255,1) 45.5%, rgba(0,0,0,0.2) 46%, rgba(255,255,255,0) 48%) 0px 0px / 500px 500px no-repeat no-repeat, /* Circle */
radial-gradient(ellipse at 50% 50%, rgba(255,255,255,0) 55%, rgba(255,255,255,1) 55.2%) 0px 0px / 500px 500px no-repeat no-repeat, /* Circle Mask */
radial-gradient(ellipse at 39% 37%, rgba(141,184,227,1) 0%, rgba(1,45,95,1) 63.7%) 0px 0px / 500px 500px no-repeat no-repeat; /* Background */