实现倾斜背景布局的最佳方法是什么？

Question

我想获得与下图相同的结果

提前感谢任何建议

Answer 1

正如我所说，你可以使用平铺的矢量图像作为主背景，使用线性渐变（如linear-gradient(100deg, white 15%, gray 15%, gray 15.1%, white 15.1%, white 78%, transparent 78%)）作为叠加。

我在codepen制作了一个小样本（背景为纯色），这只是一个开始的想法（根据你的内容将它缩放到不同的窗口大小。