Здравейте съфорумници,

Имам един проблем, с който се опитвам да се справя. Имам меню, което е с по-странна форма и искам да се опитам да го пресъздам изцяло със CSS. Ще прикача снимка на менюто, за да видите нагледно и да си кажете мнението. Най-много искам да достигна формата, сянката и градиента са лесна работа.

Поне аз нищо не виждам. Може ли повече информация?

Прилагам отново снимка, този път съм приближил към единия от краищата. Искам да постигна същия ефект, но само със CSS. Иначе знам за стария метод да изрежа от двата края менюто и да ги наложа до div-а, но ми се иска да използвам по-съвременен начин за изобразяване на такива нестандартни елементи.

Сложих стрелки, за да се види как не е проста лента, на която да сложиш стандартния border-radius и проблемът да е решен.

Сега разбрах. Ето как се прави. 

Ето ти и генератор

Редактирано 13 януари 201610 г. от Емил Костов (преглед на промените)

преди 1 минута, Емил Костов написа:

Сега разбрах. Ето как се прави

Не, не сянката не ме притеснява, нея знам как да я направя дебела и полупрозрачна, идеята ми е дали може да се получи самата ФОРМА на менюто, не сянката Иначе казано на снимката трябва да се гледа черната част на менюто. Сянката е лесна работа.

Предполагам говориш затова, Ето още един пример

Пробвай да сложиш снимката като background