锥形渐变与PNG透明网格效果实例页面

展示

代码

• HTML：

  <div class="checkerboard"></div>

• CSS：

  .checkerboard {
      width: 200px; height: 160px;
      background: conic-gradient(#eee 25%, white 0deg 50%, #eee 0deg 75%, white 0deg) 0 / 20px 20px;
  }