javascript 如何在html/css中创建这种特定的网格设计?[已关闭]

xdyibdwo  于 2023-08-02  发布在  Java
关注(0)|答案(1)|浏览(140)

已关闭。此问题需要更多focused。它目前不接受回答。
**希望改进此问题?**更新问题,使其仅针对editing this post的一个问题。

5小时前关闭
Improve this question
好了,我已经有了一个css图标网格,但是我想在所有的单元格之间做一个分隔,像喷枪一样,边缘的不透明度要低一些。然而,我也希望细胞本身保持透明,这样背景中的图案在它后面仍然可见,所以我不能只是做一个模糊的斑点,并把网格放在它上面,有一个小的间隙大小。我画了一个快速的模型来演示我在说什么。提前感谢任何帮助!
x1c 0d1x的数据

alen0pnh

alen0pnh1#

关于渐变边界有一个很好的指南。如果你按照本指南中的方法来做,你的项目将失去透明度。但是,您可以考虑通过使用::before::after伪元素来“伪造”边界,并在此处使用渐变。
https://css-tricks.com/gradient-borders-in-css/
我在这里创建了一个::before::absolute的示例:
https://codepen.io/max-crcl/pen/ExOGdvM

相关问题