css实现透明网格背景

作者: TAIS3 分类: css奇技怪巧 发布时间: 2024-07-10 16:27
.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;
}
效果如下图

发表回复