Как реализовать такой скос?

Question

[0906ddd]

там где желтое , то будет блок картинок

Comments

[Антон Литвиненко]

например псевдоелементом

[0906ddd]

Антон Литвиненко, пробую, но слева есть белое https://jsfiddle.net/mchavjb5/

[Антон Литвиненко]

0906ddd, я имел в виду както так, ну или скошенный, но только справа, чтобы был под основным оранжевым блоком

Answer 1

[Вадим]

background-image: linear-gradient(-60deg, #fef200 50%, #fe8f1c 50%);

А так же можно добиться такого же эффекта с помощью clip-plath: polygon()
И с помощью псевдоэлемента, у которого верхняя и левая граница оранджевые, а правая и нижняя жёлтые.

Comments

[0906ddd]

Вадим, спасибо, но можно как-то сделать чтобы градиент не размывался? если делаю вот так -

background-image: linear-gradient(-60deg, #fff 45%, #ff8f1c 55%)

[Вадим]

0906ddd, проценты указывают границы цвета.
Вы указали у первого цвета 45% а у второго 55%. Соответственно, браузер Вам дорисовал с 45% до 55% плавный переход между этими цветами.

Не будет размытия если оба значения одинаковы.