使用對角線創建雙色調背景

要使用CSS 實現由對角線分為兩部分的背景，請執行以下操作這些步驟：

1。建立兩個 Div：
建立兩個單獨的 div 來表示兩個背景部分。

2.設定 Div 樣式：
將下列 CSS 套用至 div：

.solid-div {
  background-color: [solid color];
}

.textured-div {
  background-image: url([texture image URL]); /* Replace with actual image URL */
}

3.定位 Div：
使用 CSS 定位（例如，絕對或固定）將兩個 div 並排放置，確保它們覆蓋整個螢幕。

4.建立對角線：
要建立對角線，您可以使用 CSS 漸變：

.background-container {
  background: -webkit-linear-gradient(30deg, [solid color] 50%, [textured-color] 50%);
}

5.對 Div 進行動畫處理：
利用 jQuery 根據使用者點擊控制 div 大小，建立您想要的「窗簾效果」。