Как нарисовать вот такую фигуру с помощью css?

Question

[neoblazer]

итак друзья... написал шаблон cms joomla....встал вопрос рихтовки стиля меню.... меню занимает 2 позиции как полагается... nav-left логотип nav-right....сейчас в nav-left: after и nav-right:before стоят 2 широких border на которые накладывается логотип, своим фоном создавая данную форму у элементов меню.... так как говорится не годится.... требуется создать с помощью css форму как указано на 2 изображении... так как через border-radius у меня это не выходит изза не поддержки отрицательных значений... нет ли у вас идей как создать данную форму с помощью css

Answer 1

[Артур]

не придумывайте себе геморрой делая это в стилях.
сделайте спрайт на 2 рисунка и туда затолкайте левую и праву часть

Comments

[Anton Filippov]

а почему не сделать на 1 ? :)

[Артур]

Anton Filippov: что на 1 ? ключевое слово тут "спрайт" ))

[Anton Filippov]

Артур: причем тут спрайт, зачем резать картинку на 2 части и юзать спрайты если это обычное png изображение

[Артур]

Anton Filippov: согласен, проще вообще на 1 рисунке) я сосредоточился на частях, которые он хотел сделать через css )

Answer 2

[Дмитрий Сергеев]

Честно не совсем понял суть вопроса... Что именно нужно нарисовать? Логотип или его контур?
Если логотип, то я бы выбрал SVG. А если контур, то могу предположить, поместить логотип или в квадрат или в круг)