更改

  content: " ";

  content: " ";

  display: block;

  display: block;

  width: 100%;

  width: 200%;

  height: 100%;

  height: 0;

padding-top: 100%;

margin-left: -50%;

  background-image: conic-gradient(#f00, #ff0, #0f0, #0ff, #00f, #f0f, #f00);  

  background-image: conic-gradient(#f00, #ff0, #0f0, #0ff, #00f, #f0f, #f00);  

  box-sizing: border-box;

  box-sizing: border-box;

  annimation: rotate 1s linear;

  annimation: rotate 2s infinite linear;

}

}