Comments (0)

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 */