Как верстаются такие блоки?

Question

[Роман]

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

Answer 1

[Edward]

Как вариант:
https://jsfiddle.net/edalis/fruryxyv/

Answer 2

[Ярослав Иванов]

-webkit-clip-path на втором блоке
https://jsfiddle.net/nyqqqkgn/1

Comments

[Ярослав Иванов]

Почему мой вариант не отмечают ?) чем от плох ?

[Edward]

Ярослав Иванов: Мне нравится )

[Edward]

Ярослав Иванов: Сделайте ширину 100% и normalize.css добавьте, а то смотрится как картинка и скролл появляется, может люди пугаются этого :)

[Ankhena]

Ярослав Иванов:
>Почему мой вариант не отмечают ?) чем от плох ?

А Вы его в каких браузерах проверили?

[Ярослав Иванов]

Ankhena W: в нормальных ))

[Ankhena]

Ярослав Иванов: ах, если б остальные исчезли... :)

[Ярослав Иванов]

Ankhena W: IE уже умер. Opera прогнулась по вебкит. Поэтому скоро все будет единое )

[Ankhena]

Ярослав Иванов: мечтать не вредно
https://habrahabr.ru/post/313820/

Answer 3

[Kireall]

Углы делаются при помощи псевдоэлементов(4шт.) + трансформ+бокс-шедоу. Простая задачка, на самом деле.

Comments

[Kireall]

Вот пример - https://jsfiddle.net/Kireall/wvfehjf3/