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