Extreme gradients

by Csaba Hellinger

CSS

& {
  background: white;
  >* {
    width: 110px;
    height: 110px;
    margin: 20px;
    border: 74px solid;
    border-radius: 9in;
    border-image: radial-gradient(at 42% 40%, red 70px, maroon 0 110px, white 0) 40 70 150 space;
    background: conic-gradient(white 75deg, gray 0 130deg, black 0);
  }
}