Все сервисы Хабра
Сообщество IT-специалистов
Ответы на любые вопросы об IT
Профессиональное развитие в IT
Закрыть
Задать вопрос
chelnokov_a
@chelnokov_a
Вёрстка
Как верстается такой элемент?
Это верхнее меню. При наведении на пункт открывается подменю. Как сделать так, чтобы между основным пунктов и вложеным элементом был такой изгиб?
Вопрос задан
более трёх лет назад
1388 просмотров
9
комментариев
Подписаться
2
Простой
9
комментариев
Facebook
Вконтакте
Twitter
Lynatik001
@Lynatik001
а посмотреть исходный код на том сайте не судьба? Это же верстка, ее верстка(стили,js.html) отображается в коде.
Написано
более трёх лет назад
chelnokov_a
@chelnokov_a
Автор вопроса
Спасибо за отличный совет. Только, к сожалению, не судьба. Поскольку на скриншоте не сайт, а макет сайта.
Написано
более трёх лет назад
chelnokov_a
@chelnokov_a
Автор вопроса
Lynatik001
, Если у вас есть сайт где такое уже реализовано, поделитесь, пожалуйста, ссылкой. Буду очень признателен.
Написано
более трёх лет назад
Максим
@LenovoId
chelnokov_a
, а если картинку из psd взять и на фон поставить - вариант ?
Написано
более трёх лет назад
chelnokov_a
@chelnokov_a
Автор вопроса
Максим Ленский
, Думал об этом. Но хотелось бы избежать этого. Вижу самое оптимальное решение в clip path у псевдо элемента, но мало ли знатоки что-то более красивое предложат
Написано
более трёх лет назад
Максим
@LenovoId
chelnokov_a
, может быть svg или запариться с css - делов много тут
Написано
более трёх лет назад
Lord_Dantes
@Lord_Dantes
Вырезать изгиб в svg и выставить туда псевдо-элементом возможно?
Написано
более трёх лет назад
Максим
@LenovoId
chelnokov_a
, у меня такая порнография получилась
snippet
Написано
более трёх лет назад
Ankhena
@Ankhena
Куратор тега Вёрстка
Обычные скругления и псевдоэлемент с кусочком радиального градиента.
Это пример
https://jsfiddle.net/Ankhena/xjpefyq0/
от другого вопроса, но его достаточно для решения этой задачи.
Написано
более трёх лет назад
Решения вопроса
1
Ankhena
@Ankhena
Куратор тега Вёрстка
Нежно люблю верстку
snippet
В размеры сами поиграйте.
Ответ написан
более трёх лет назад
2
комментария
Нравится
8
2
комментария
Facebook
Вконтакте
Twitter
chelnokov_a
@chelnokov_a
Автор вопроса
Супер! То что надо. Большое спасибо, за уделенное время.
Написано
более трёх лет назад
Ankhena
@Ankhena
Куратор тега Вёрстка
chelnokov_a
, тогда отмечайте решением, раз то, что надо. Так и другим будет понятно.
Написано
более трёх лет назад
Пригласить эксперта
Ответы на вопрос
0
Ваш ответ на вопрос
Войдите, чтобы написать ответ
Войти через центр авторизации
Похожие вопросы
CSS
+2 ещё
Простой
Вёрстка анимированой кнопки — как реализовать?
1 подписчик
12 часов назад
59 просмотров
0
ответов
Вёрстка
Простой
Проблема с версткой сайта?
1 подписчик
20 авг.
544 просмотра
1
ответ
HTML
+3 ещё
Простой
Как отменить инвертирование текста в yandex почте в dark mode?
2 подписчика
19 авг.
164 просмотра
0
ответов
CSS
+2 ещё
Простой
Как сделать такую сетку?
2 подписчика
28 июл.
2724 просмотра
2
ответа
CSS
+3 ещё
Средний
Яндекс Браузер на MacOS: как убрать или подвинуть иконку автозаполнения?
1 подписчик
25 июл.
109 просмотров
0
ответов
Вёрстка
Средний
Как создать эффект для активной кнопки?
1 подписчик
09 июл.
145 просмотров
1
ответ
Вёрстка
Простой
TG Mini App Full screen отступ от выреза?
2 подписчика
05 июл.
268 просмотров
1
ответ
CSS
+1 ещё
Простой
Как сделать чтобы блок с border-dashed постепенно заполнялся border-solid?
2 подписчика
28 июн.
1151 просмотр
1
ответ
Вёрстка
Простой
Как сделать расстояние между блоками в HTML фиксированным?
2 подписчика
22 июн.
232 просмотра
1
ответ
Вёрстка
+2 ещё
Простой
Не открывается меню сайта на мобильных, как решить?
1 подписчик
16 июн.
160 просмотров
0
ответов
Показать ещё
Загружается…
Вакансии с Хабр Карьеры
Frontend Developer - React
RSD
До 250 000 ₽
Intern Frontend Developer (React) One Day Offer
critica agency
До 50 000 ₽
Frontend Vue & Developer Middle++
Parasol Software
от 2 000 до 2 500 $
Минуточку внимания
Войдите на сайт
Чтобы задать вопрос и получить на него квалифицированный ответ.
Войти через центр авторизации
Закрыть
Реклама