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

Colors

Views

2,283

Layers

5
Open in editor
Layers (5)
Right Vane
linear
Left Vane
linear
Arrow Shaft
linear
Gradient 5
radial
Target
radial