CSS Guy

by Csaba Hellinger

CSS

& {
   width: 400px;
   height: 300px;
   clip-path: inset(0);

   background:
     radial-gradient(saddlebrown 100px,#0000 0)0 -30px/100% 50% no-repeat,
     radial-gradient(#0003 90px,#0000 100px)3px -25px/100% 50% no-repeat,
     radial-gradient(white 2px,#0000 0)37px -34px/40% 120%,
     radial-gradient(black 10px,#0000 0)40px 15px/40% 90%,
     radial-gradient(white 20px,#0000 0)40px -60px/40% 130%,
     radial-gradient(orange 100px,#0000 0)0 15px,
     radial-gradient(maroon 80px,#0000 0)0 40px,
     radial-gradient(1px,orange 110px,coral 140px,#0000 0),
     radial-gradient(1px,#0001 140px,#0000 147px),
     radial-gradient(orange 1px,darkorange 30px,#0000 0)-80px -5px/70% 90%,
     radial-gradient(darkorange 30px,#0000 0)-80px -5px/70% 90%,
     conic-gradient(from 70deg,#0000 0deg 90deg,steelblue 0 180deg,#0000 0 270deg,steelblue 0 380deg)0 0px/10% 17%,
     radial-gradient(navy 40px,steelblue);
 }