Как сделать такую секцию?

Question

[ghfh]

Как сделать такую секцию?

Answer 1

[Lenskii]

webdiz.com.ua/kak-srezat-ugly-na-css

Comments

[ghfh]

так не пойдёт

[Lenskii]

ghfh, так камон, почитать немного и потом понять как резать углы, кто тебе говорит, что тебе нужно именно так как в примере срезать? В конце концов свг можно вставить если очень не хочется с бордерами дела иметь.

Answer 2

[Pavel_20]

clip-path: polygon(0% 0%, 100% 0%, 100% x%, 0% 100%);
Небольшое пояснение:
- через запятую в скобках идут пары координат (x,y)
- двигаемся из левого верхнего угла по часовой стрелке к левому нижнему углу (можно из любой точки двигаться)
- x% = высота отрезанного кусочка синего фона / высота синего фона * 100%

Но это свойство не очень кроссбраузерное, хотя и создано для подобных целей