Все сервисы Хабра
Сообщество IT-специалистов
Ответы на любые вопросы об IT
Профессиональное развитие в IT
Закрыть
Задать вопрос
chelnokov_a
@chelnokov_a
Вёрстка
Как верстается такой элемент?
Это верхнее меню. При наведении на пункт открывается подменю. Как сделать так, чтобы между основным пунктов и вложеным элементом был такой изгиб?
Вопрос задан
более трёх лет назад
1389 просмотров
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/
от другого вопроса, но его достаточно для решения этой задачи.
Написано
более трёх лет назад
Помогут разобраться в теме
Все курсы
Нетология
Веб-разработчик с нуля: профессия с выбором специализации
14 месяцев
Далее
Яндекс Практикум
Профессиональная вёрстка на HTML и CSS
3 месяца
Далее
UPROCK.SCHOOL
Webflow-разработчик: создание сайтов без кода
4 месяца
Далее
Решения вопроса
1
Ankhena
@Ankhena
Куратор тега Вёрстка
Нежно люблю верстку
snippet
В размеры сами поиграйте.
Ответ написан
более трёх лет назад
2
комментария
Нравится
8
2
комментария
Facebook
Вконтакте
Twitter
chelnokov_a
@chelnokov_a
Автор вопроса
Супер! То что надо. Большое спасибо, за уделенное время.
Написано
более трёх лет назад
Ankhena
@Ankhena
Куратор тега Вёрстка
chelnokov_a
, тогда отмечайте решением, раз то, что надо. Так и другим будет понятно.
Написано
более трёх лет назад
Пригласить эксперта
Ответы на вопрос
0
Ваш ответ на вопрос
Войдите, чтобы написать ответ
Войти через центр авторизации
Похожие вопросы
Вёрстка
Средний
Почему появляется белая полоса справа при верстке сайта?
1 подписчик
вчера
107 просмотров
0
ответов
HTML
+1 ещё
Средний
Как правильно сочетать теги article, section и заголовки h1-h6?
2 подписчика
21 сент.
235 просмотров
2
ответа
HTML
+2 ещё
Простой
Что поменять/добавить чтобы отображались все подкасты (видео)?
1 подписчик
26 авг.
157 просмотров
1
ответ
CSS
+2 ещё
Простой
Вёрстка анимированой кнопки — как реализовать?
1 подписчик
22 авг.
231 просмотр
1
ответ
Вёрстка
Простой
Проблема с версткой сайта?
1 подписчик
20 авг.
705 просмотров
2
ответа
HTML
+3 ещё
Простой
Как отменить инвертирование текста в yandex почте в dark mode?
2 подписчика
19 авг.
225 просмотров
0
ответов
CSS
+2 ещё
Простой
Как сделать такую сетку?
2 подписчика
28 июл.
2819 просмотров
2
ответа
CSS
+3 ещё
Средний
Яндекс Браузер на MacOS: как убрать или подвинуть иконку автозаполнения?
1 подписчик
25 июл.
127 просмотров
0
ответов
Вёрстка
Средний
Как создать эффект для активной кнопки?
1 подписчик
09 июл.
151 просмотр
1
ответ
Вёрстка
Простой
TG Mini App Full screen отступ от выреза?
2 подписчика
05 июл.
297 просмотров
1
ответ
Показать ещё
Загружается…
Вакансии с Хабр Карьеры
Fullstack-разработчик сайтов laravel
WEB ALTERNATIVE
от 65 000 ₽
Рилс (Reels) инженер
Emilius Agency
от 5 000 ₽
React разработчик
ITK academy
•
Нижний Новгород
от 80 000 до 120 000 ₽
Минуточку внимания
Войдите на сайт
Чтобы задать вопрос и получить на него квалифицированный ответ.
Войти через центр авторизации
Закрыть
Реклама