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

Question

[John]

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



спасибо!

Answer 1

[Андрей Чернышев]

Как то так или так

Answer 2

[Андрей Федоров]

codepen.io/aliencash/pen/RrQxGN

Answer 3

[Даниил Игоревич]

Делаешь прямоугольник цвета #6890E7 и через :before и :after есть два варианта:
1. Создаёшь квадраты, расставляешь слева и справа, и transform: rotate их приблизительно на 45(один) и на -45(другой) градусов
2. Создаёшь треугольники белого цвета: htmlbook.ru/blog/treugolniki-cherez-css
UPD: Вообще, варианта три и, скорее всего, даже больше, мой третий это на clip-path, но он только на -webkit пока, хотя и -moz частично поддерживает с url(): caniuse.com/#search=clip-path