Как сверстать этот блок?

Question

[Inter Plotnik]

Привет

Подскажите можно ли сверстать такой блок или нужно картинкой вставлять?

Comments

[Lynn «Кофеман»]

Что это? Может всё-таки надо дать побольше информации?

Answer 1

[tigra]

https://jsfiddle.net/tigroid3/zp5829mn/2/

Answer 2

[Vladyslav Phenychnyi]

Для какой цели?

Answer 3

[Виктор]

Скорее всего transform: rotate(<угол>), однако не все браузеры будут поддерживать подобное.

Answer 4

[Виталий]

Если меню - какой нить псевдокласс :after и на него в CSS повесить фигуру
* https://habrahabr.ru/post/126207/ - тут примеры фигур

Answer 5

[Андрей]

да, используйте псевдоэлементы :after и :before
в которых у вас будет голубой и синий треугольник.
Как сверстать треугольник - гуглите генератор треугольников, он верстается бордюрами

Answer 6

[Максим Тимофеев]

присоединяюсь к вопросу Vladyslav Phenychnyi. Для чего это и что это? Если это иконка, то спрайты Вам в помощь. Если интерактивный элемент - canvas. Если черт его знает что - картинкой. Есть еще варианты. Может это аппликация или оригами?

Answer 7

[dom1n1k]

Можно и не картинкой, но картинкой проще и надежнее.