1 в 1 на css не повторить, и выглядит так, как будто оно того не стоит, картинка будет дешевле. но можно в псевдоэлемент сунуть фоном радиальный градиент и попробовать сплющить его через background-size или через transform: scaleX()
У меня есть несколько пунктов меню, и они между собой разделенны линиями. Но линии не простые, а вот с таким сужением на концах. Я бы хотел их сделать через border-right
Но в теории можно хоть ДИвами
через бордер если только border-image. но это страшная дрочь, о которой лучше не знать. и там всё равно нужна картинка