CSS фон сплошной цвет по диагонали?

Question

Возможно ли в CSS создать фон, похожий на этот

.test {
width: 0;
height: 0;

border-bottom: 60px solid transparent;

border-left: 60px solid green;
}

Но мне нужен текст, чтобы перейти по диагонали.Это делается путем перемещения границы, но мне это нужно в фоновом режиме.Я знаю, что могу поставить изображение, но мне действительно нужно быть CSS.Спасибо

Answer 1

Да, вы можете использовать градиенты. Хотя поддержка браузера не завершена (обычные подозрения).

Вот живой пример .

Создано с использованием Ультимативного генератора градиентов CSS ColorZilla .