Target 🎯

Designed by
Yoav Kadosh

Keywords:

Colors:

Layers
5
Views
811
Open in Editor

Layers

Right Vane
(linear)
Left Vane
(linear)
Arrow Shaft
(linear)
Gradient 5
(radial)
Target
(radial)

CSS

width: 500px;
height: 500px;
background:
linear-gradient(135deg, rgba(0,0,0,0) 38%, rgba(69,168,255,1) 39%, rgba(69,168,255,1) 58%, rgba(255,255,255,0) 59%) 374px 70px / 106px 65px no-repeat no-repeat, /* Right Vane */
linear-gradient(135deg, rgba(0,0,0,0) 38%, rgba(69,168,255,1) 39%, rgba(69,168,255,1) 58%, rgba(255,255,255,0) 59%) 363px 24px / 65px 106px no-repeat no-repeat, /* Left Vane */
linear-gradient(315deg, rgba(0,0,0,0) 44%, rgba(255,255,255,1) 45%, rgba(255,255,255,1) 47%, rgba(86,94,102,1) 47%, rgba(86,94,102,1) 53%, rgba(255,255,255,1) 53%, rgba(255,255,255,1) 55%, rgba(0,0,0,0) 56%) 251px 47px / 200px 200px no-repeat no-repeat, /* Arrow Shaft */
radial-gradient(ellipse at 50% 50%, rgba(69,255,144,0) 77%, 77%, rgba(255,255,255,1) 100%) 0px 0px / 500px 500px no-repeat no-repeat, /* Gradient 5 */
repeating-radial-gradient(ellipse at 50% 50%, rgba(255,254,254,1) 0%, 11.4%, rgba(224,58,7,1) 11.63%, 23.02%, rgba(255,255,255,1) 23.26%, rgba(255,255,255,1) 23.26%) 0px 0px / 500px 500px no-repeat no-repeat; /* Target */