Двухцветный фон, разделенный диагональной линией с помощью css

Я пытаюсь создать фон, используя css, где одна сторона представляет собой сплошной цвет, а другая - текстуру: они разделены диагональной линией. Я хотел бы, чтобы это было 2 отдельных деления, так как я планирую добавить некоторое движение с помощью jQuery, где, если вы щелкнете справа, серый треугольник станет меньше, а если вы нажмете слева, текстурированный треугольник станет меньше (как эффект занавеса). Любой совет будет принята с благодарностью.

Ответы на вопрос(3)

Ваш ответ на вопрос