如何使用HTML和CSS創建傾斜的條紋設計

Question

可以使用HTML和CSS創建圖像中顯示的設計嗎？如果是的話，我需要做什麼？

圖像被放大，這就是它看起來像素化的原因。斜線疊加在具有不同背景的不同元素（白色和藍色）之上。這些線條最後也融入了背景。

Answer 1

你可能要使用頂部的兩個不同的背景圖像和底部的元素。使用http://www.stripegenerator.com作爲基本條紋背景，然後使用您選擇的圖像編輯器創建淡入淡出。

Answer 2

這可能會讓你開始正確的方向。這是可能的，但繁瑣：

DEMO

您可以輕鬆地交換顏色。但是，我無法獲得對角線的不透明度梯度。

請參閱here構建行的CSS。