Target 🎯

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

Views

Code size

Layers

Explore

Community

Social
