play3.md · 一月/cssbattle

#### 网址：https://cssbattle.dev/play/3

```html
<div class='box'>
  <div class='big-circle'>
  	<div class='middle-circle'>
    	<div class='small-circle'></div>
    </div>
  </div>
</div>
<style>
  body {
    display: flex;
    justify-content: center;
    align-items: center;
    background: #6592CF;
  }
  .box {
    position: relative;
    width: 300px;
    height: 150px;
    background:#243D83;
  }
  [class$='circle'] {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    border-radius: 50%;
  }
  .big-circle {
    width: 250px;
    height: 250px;
    background: #6592CF;
  }
  .middle-circle {
    width: 150px;
    height: 150px;
    background: #243D83;
  }
  .small-circle {
    width: 50px;
    height: 50px;
    background: #EEB850;
  }
</style>

```

一月/cssbattle

简介

发行版

贡献者

近期动态

一月/cssbattle .gitee-modal { width: 500px !important; }

简介

发行版

贡献者

近期动态

搜索帮助

一月/cssbattle