Можно ли такое сделать без картинки?

[Zverushka]

Только картинкой вставить фон меню или есть способ. например, clip-path? Есть идеи?

[klierik]

уже обсуждали на этой неделе: http://htmlforum.ru/index.php?showtopic=47171&hl=

ноя  бы сделал картинкой, если не резина.

[Radiocity]

Можно попробовать трансформацию, с overflow обрезанием... не знаю, получится ли (:

http://jsfiddle.net/G8Aua/

Edited December 27, 2013 by Radiocity

[Zverushka]

А можно инвертировать clip path? http://jsfiddle.net/Zverushka/cJ8MV/54/

[Radiocity]

Точно! Можно же на svg нарисовать

[Zverushka]

Скорее как обрезать на свг иверсированный ellipse например?
Вот нашла такую интересную фишку - прозрачный градиент

http://jsfiddle.net/neB6b/1/ Пока не пойму че получается - как достгинуть 90% схожести))

Edited December 27, 2013 by Zverushka

[Игорь Ермаков]

А зачем? Картинка даёт схожесть 100%, и под резину если надо не сложно адаптировать.

[Zverushka]

Потому что при отключенных картинках меню станет нечитабельным. А адаптированная картинка в ие8 не сможет машстабироваться, Градиент тоже не будет виден, зато будет ровно смотреться с учетом изящной деградации - будет коричневый прямоугольник.

Почти идеально. Все же интересен свг...

http://jsfiddle.net/Zverushka/neB6b/3/

Edited December 27, 2013 by Zverushka

[Игорь Ермаков]

Потому что при отключенных картинках меню станет нечитабельным

Какой ужас.  

А адаптированная картинка в ие8 не сможет машстабироваться

Ну это вообще караул. 

[Radiocity]

Потому что при отключенных картинках меню станет нечитабельным. А адаптированная картинка в ие8 не сможет машстабироваться, Градиент тоже не будет виден, зато будет ровно смотреться с учетом изящной деградации - будет коричневый прямоугольник.

Почти идеально. Все же интересен свг...

http://jsfiddle.net/Zverushka/neB6b/3/

Либо рисуем фигуру целиком в svg, либо делаем маску (http://caniuse.com/css-masks)

Мне понравился вариант с градиентом.

Edited December 27, 2013 by Radiocity