Как сделать фигуру в css?

Question

[Сергей Васенин]

как сделать вот такую фигуру в css

Answer 1

[Shemil]

Через псевдоэлемента before и border jsfiddle htmlbook

Comments

[Сергей Васенин]

не работает почему то

[Сергей Васенин]

понял косяк но не пойму как его исправить

[Shemil]

Сергей Васенин: выложите код(jsfiddle, codepen), мы попытаемся все исправить

[Сергей Васенин]

Shemil: https://jsfiddle.net/v4uw6mvs/1/ как то так ток бутстрап сетку не подключил

[Shemil]

Сергей Васенин: а что вы хотите исправить?

[Сергей Васенин]

Shemil: допустим секция со скролом ей не задаётся падинг топ...второе блок с фигурой почему то не корректно отображается я так понял что он уходил за границы блока по каким то причинам

[Shemil]

Сергей Васенин: 1) т.е. вы хотите убрать padding-top 2) а можно скрин?

[Сергей Васенин]

Shemil:

[Shemil]

Сергей Васенин: давай в vk обсудим?

[Сергей Васенин]

Shemil: можно и скайп)

[Сергей Васенин]

Shemil: https://vk.com/emin313

Answer 2

[cssfish]

или через псевдо с transform skew
типа того https://jsfiddle.net/v4uw6mvs/1/
при таком подходе высота всегда будет совпадать, с шириной можно играться ( и с z-index тоже )