在线预览
https://jsrun.pro/AafKp/embed…
如果本文对你有用,对博主小额打赏,以资鼓励,分享更多有用的技能
先看效果:
![](https://oss.jqhtml.com/wp-content/uploads/2020/6/Vzeaei.png)
第一步,实现网格背景:
background-image:
linear-gradient(0deg,
transparent 24%,
rgba(32, 255, 77, 0.1) 25%,
rgba(32, 255, 77, 0.1) 26%,
transparent 27%,
transparent 74%,
rgba(32, 255, 77, 0.1) 75%,
rgba(32, 255, 77, 0.1) 76%,
transparent 77%,
transparent),
linear-gradient(90deg,
transparent 24%,
rgba(32, 255, 77, 0.1) 25%,
rgba(32, 255, 77, 0.1) 26%,
transparent 27%,