實現傾斜背景佈局的最佳方式是什麼？

-1

由於在圖像中預先的任何建議

2017-07-21 redmile

，我想你正在使用svg作爲背景......問題是什麼？...你的問題是關於的？ –

我會將灰色圖案保存爲矢量圖形，並將其顯示在背面作爲覆蓋圖，我會使用線性 - 包含白色覆蓋層和灰色線的漸變色 – Stephan

@GCyrillus：我認爲svg可能是一個解決方案（例如右邊的形狀），所以我使用了svg標籤。問題主要是如何開發佈局在html/css中 – redmile

正如我說你可以使用一個平鋪矢量圖像作爲主背景和的線性梯度（如linear-gradient(100deg, white 15%, gray 15%, gray 15.1%, white 15.1%, white 78%, transparent 78%) ）作爲覆蓋。

我在codepen如果使用SVG標籤做了一個小樣本（以純色爲背景），就像一個想法開始（它擴展到不同的窗口大小也可以根據自己的內容來完成。

2017-07-21 18:05:32 Stephan

謝謝！正是我需要的！ :) – redmile

回答