Задать вопрос
Windhack
@Windhack
developer

Как создать такую форму обводки блока?

На сайте есть меню, разбитое на несколько вкладок (табов), внутри каждой вкладки подменю. В общем это не важно, так как реализовать вкладки не составило трудности. Но есть одно "но", у этого блока в дизайне есть обводка/окантовка, да и еще не просто линия, а линия с внутренней и наружной тенью, причем НЕ прямоугольной формы, то есть border + border-radius + box-shadow не подходит. Причем вставить картинкой тоже не получится, так как размер всегда динамически меняется из-за разного контента вкладок. Можно попробовать разбить все это на маленькие кусочки и попробовать слепить все на css, но получится большой единорог-велик-костыль, а хотелось бы нормальное решение. На ум приходит только рисование canvas, но с моими навыками я буду это до Нового года рисовать. Вот приблизительная форма линии которую нужно получить:

5dc02735d93cb727356463.jpeg

Линия с внутренней и наружной тенью, причем размеры блока всегда меняются по высоте, что подскажите?
  • Вопрос задан
  • 256 просмотров
Подписаться 1 Простой Комментировать
Пригласить эксперта
Ответы на вопрос 1
@Lord_Dantes
Покажите примерное наполнение контента, может картинку сделать SVG и чтобы она растягивалась по высоте как бы
Ответ написан
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Похожие вопросы