Как сделать наклонный градиент через CSS?

Question

[nikitapremium]

Как научиться делать такой градиент, может кто в курсе? Не могу материалы найти
Свойство из фигмы копирую, но он тогда просто прямоугольник заливает, а нужно под углом

Comments

[Сергей delphinpro]

Градиент здесь вертикальный. А вот сам блок скошенный.
Варианты
1. Перекрывающий белый треугольник внизу
2. Clip-path

[nikitapremium]

Сергей delphinpro, clip-path более универсальный в данном случае? Никогда не пользовался этим свойством. Нашёл статью на mdn, но всё ещё нет понимания, что нужно ему указать, чтобы получился какой никакой пиксель перфект

[Вадим]

nikitapremium, зависит от браузерной поддержки, которая Вам нужна.
Универсально это что-то абстрактное.
Если под универсальностью понимать "будет лучше работать у большего количества пользователей", то перекрывающий белый треугольник более универсальный. Ну и в реализации, для Вас, полагаю, будет проще, если не получается разобраться с clip-path.

Answer 1

[Антон Антон]

можно два градиента сделать https://codepen.io/FragsterAt/pen/KKrKPmm , но с треугольником проще