css - 如何使用背景图像绘制网格

Question

我正在 Codepen CSS 3D 查看器（缩放、旋转、平移）上制作 CSS 3D 查看器，但我觉得地板上的网格不太正确。

我使用了以下方法：

background-image:
  repeating-linear-gradient(
    #BADFEB 0,
    #BADFEB 2.5%,
    #0000 2.5%,
    #0000 47.5%,
    #BADFEB 52.5%,
    #BADFEB 52.5%,
    #0000 50%,
    #0000 97.5%,
    #BADFEB 97.5%
  ),
  repeating-linear-gradient(
    90deg,
    #BADFEB 0,
    #BADFEB 2.5%,
    #0000 2.5%,
    #0000 47.5%,
    #BADFEB 52.5%,
    #BADFEB 52.5%,
    #0000 50%,
    #0000 97.5%,
    #BADFEB 97.5%
  );

我注意到有些线条比其他线条更粗，有些线条在缩小时会消失。

我想保留边长为 1em 的瓷砖，所有线条的厚度都相同，而且它们不会消失。

我可以使用什么样的策略来实现尽可能接近 cad 软件上的网格？

谢谢

标签： csscodepen