Как это реализовать?

Question

[Morerion]

Проблема в том что я не знаю как сделать этот уголок под div в центре

Answer 1

[HamSter]

Например так

*View compiled

Answer 2

[Danila]

codepen.io/DNLHC/pen/VjLayg

Comments

[Алексей]

FireFox - уголка нет :(

[Danila]

Алексей: для ff в clip-path нужно будет подключить внешний свг

Answer 3

[Dnebl]

jsfiddle.net/9AbYc
htmlbook.ru/blog/treugolniki-cherez-css
https://habrahabr.ru/post/126207/

Comments

[Павел Гоголинский]

Тут же проблема не треугольник сделать, а его отсутствие

Answer 4

[Константин Величко]

codepen.io/Zoxon/pen/zijkb

Answer 5

[metaf]

можно еще вот так, codepen.io/olgar/pen/XKbKoL, но поддержка только частичная caniuse.com/#search=mix-blend-mode