Как сделать такое стиль меню на css?

Question

[Qairat]

Всем Привет!
Как сделать такое через css?

Answer 1

[kulaeff]

Примерно так
https://jsfiddle.net/sqaxqean/

Answer 2

[Андрей Токмаков]

https://jsfiddle.net/xNPC/6ux192uy/

Answer 3

[iBird Rose]

в идеале - через svg
но также в чем проблема сделать 3-мя спанами у которых будет before?

Comments

[Сергей Горячев]

но также в чем проблема сделать 3-мя спанами у которых будет before?

Я вот всегда думаю, что чем тянуть SVG нужно сделать через CSS, то что можно через него сделать.
Поэтому 3 спана с мне кажутся лучшим решением.

[kulaeff]

Согласен, если есть возможность сделать с помощью CSS, то лучше так и сделать.