Есть ли код, что бы срезать углы блока?

Question

[RushV]

Как можно срезать углы блока в css?

Comments

[Антон Федорян]

Есть ли пример того, что должно получиться? Были ли попытки хоть что-то сделать?

[RushV]

joxi.ru/krDO1MdUEM7zxA

[Ankhena]

RushV: я поняла, что Вы хотели в предыдущем вопросе :)
В данном случае Вам надо сделать черные прямоугольники, а потом к ним еще снаружи привесить черные треугольник (точнее черно-прозрачные)

[Ankhena]

RushV: пример для одной из сторон в ответах

Answer 1

[Денис Букреев]

Можно треугольник с помощью :after или :before запилить и поставить его там где нужен скос

Answer 2

[Edward]

https://codepen.io/edalis/pen/mOOOYV

Comments

[RushV]

А если я размещу в место белого фона картинку, что будет?

[Edward]

RushV: Блок со скошенными углами на фоне вашей картинки ) Форкните пример, делайте и смотрите, что будет.

[Ankhena]

Edward: нет, будет красный блок, белые треугольники, а вокруг этого всего фоновая картинка

Answer 3

[Ankhena]

https://jsfiddle.net/afy4d497/ вот с фоном

Answer 4

[Владимир]

-webkit-border-radius: 25px;
-moz-border-radius: 25px;
border-radius: 25px;