美文网首页
css实现透明网格背景

css实现透明网格背景

作者: GuitarHusky | 来源:发表于2022-02-08 18:28 被阅读0次
.transparent{
  background-color: #fff;
  background-image: linear-gradient(
      45deg,
      #ccc 25%,
      transparent 25%,
      transparent 75%,
      #ccc 75%,
      #ccc
    ),
    linear-gradient(
      45deg,
      #ccc 25%,
      transparent 25%,
      transparent 75%,
      #ccc 75%,
      #ccc
    );
  background-size: 10px 10px;
  background-position: 0 0, 5px 5px;
}

相关文章

网友评论

      本文标题:css实现透明网格背景

      本文链接:https://www.haomeiwen.com/subject/lwtikrtx.html