Pattern by qhns3

1.container {
2  width: 100%;
3  height: 100%;
4
5  background: #000000;
6  --gap: 5em;
7  --line: 1px;
8  --color: rgba(255, 255, 255, 0.2);
9
10  background-image: linear-gradient(
11      -90deg,
12      transparent calc(var(--gap) - var(--line)),
13      var(--color) calc(var(--gap) - var(--line) + 1px),
14      var(--color) var(--gap)
15    ),
16    linear-gradient(
17      0deg,
18      transparent calc(var(--gap) - var(--line)),
19      var(--color) calc(var(--gap) - var(--line) + 1px),
20      var(--color) var(--gap)
21    );
22  background-size: var(--gap) var(--gap);
23}
24