您好我有這個圖片我想從它使一個背景漸變，而不是它puting到CSS：是否可以使用css3重複漸變創建此模式？

enter image description here

是否有可能還是我推CSS3漸變的限制。
而我不是在尋找一個解決方案，多個div或任何類型的黑客，只是梯度或重複漸變爲一個CSS類，我可以分配給一個元素，並有所需的模式分配給它。

更新：

如果您檢查上面的圖片你會看到藍色的條紋不具有相同的寬度，所以基於以下@vals的答案，2個梯度不夠的，有這種模式，我們需要7，但我沒有實現這種模式與規則的線性梯度或重複的，所以我在這裏缺少的是如何繪製每個帶有已知寬度和高度的div來使該模式具有相同數量的條紋和條寬。

來源

2014-11-22 Yahya KACEM

它。你知道如何製作三角形嗎？ – 2014-11-23 00:24:03

只有div和邊框不是漸變。 – 2014-11-23 00:45:39

您可以在同一背景中設置2個不同的漸變。然後，所有你需要的是標註，並將其定位爲需要

div { 
    width: 400px; 
    height: 400px; 
    background-image: repeating-linear-gradient(45deg, blue 0px, blue 20px, lightblue 20px, lightblue 40px), repeating-linear-gradient(135deg, blue 0px, blue 20px, lightblue 20px, lightblue 40px); 
    background-size: 100% 50%; 
    background-position: top left, bottom left; 
    background-repeat: no-repeat; 
}

demo

來源

2014-11-23 15:40:10 vals

加1提供如何使三角形形狀的東西，但仍然不是完整的答案，請檢查更新的問題了解更多詳情。 – 2014-11-23 17:18:48

是否可以使用css3重複漸變創建此模式？

更新：

回答

相關問題