172.纯 CSS 实现无限嵌套动画

效果 (源码网盘地址在最后)

源码

index.html

  
  
  
  纯 CSS 实现无限嵌套动画
  


  

css

html {
  background: aliceblue;
}

html:before {
  animation: First 15s forwards infinite;
  background-color: #fec8d8;
  clip-path: circle(75vmax at center center);
  content: "";
  height: 100vmax;
  left: calc((-100vmax