Все сервисы Хабра
Сообщество IT-специалистов
Ответы на любые вопросы об IT
Профессиональное развитие в IT
Закрыть
Задать вопрос
Алексей Непомнящий
@dudeone
пока ничего не умею
HTML
CSS
Как сверстать меню (активная кнопка)?
Всем доброго вечера. Как сверстать такое меню, чтобы при наведении курсора, так же было как на картинке. Спасибо за внимание и помощь.
Вопрос задан
более трёх лет назад
235 просмотров
Комментировать
Подписаться
1
Простой
Комментировать
Facebook
Вконтакте
Twitter
Решения вопроса
1
ⓒⓢⓢ
@JRK_DV
Рецепты https://codepen.io/jrkdv/full/LKLXdq
При skew вам надо будет обрезать углы, у крайних элементов, с помощью родителя, установив overflow (что не всегда удобно при выпадающих списках).
Есть ещё вариант залить фоном:
https://codepen.io/anon/pen/rEVjed?editors=1100
Ответ написан
более трёх лет назад
Комментировать
Нравится
2
Комментировать
Facebook
Вконтакте
Twitter
Пригласить эксперта
Ответы на вопрос
1
ReActor Дмитрий Вершанский
@HunteR-VRX
Помешанный на развитии
Пожалуйста
https://jsfiddle.net/HunteR_VRX/d56r3we8/230/
Ответ написан
более трёх лет назад
2
комментария
Нравится
2
комментария
Facebook
Вконтакте
Twitter
ReActor Дмитрий Вершанский
@HunteR-VRX
Ключевой момент в свойстве transform и функции skew()
Написано
более трёх лет назад
Ankhena
@Ankhena
Куратор тега CSS
HunteR-VRX
, обратную забыли
И лучше на псевдоэлемент перевесить
https://jsfiddle.net/0o1f5vy9/
Написано
более трёх лет назад
Ваш ответ на вопрос
Войдите, чтобы написать ответ
Войти через центр авторизации
Похожие вопросы
JavaScript
+3 ещё
Средний
Проблема с версткой сайта?
1 подписчик
11 минут назад
6 просмотров
0
ответов
HTML
+1 ещё
Простой
Как скрыть предпросмотр ссылки в преднабранном тексте Telegram (?=text...)?
1 подписчик
20 минут назад
7 просмотров
0
ответов
CSS
Простой
Как сделать полноценную обводку у clip-path?
2 подписчика
вчера
135 просмотров
0
ответов
HTML
+3 ещё
Простой
Как отменить инвертирование текста в yandex почте в dark mode?
2 подписчика
вчера
140 просмотров
0
ответов
HTML
+1 ещё
Простой
Как сделать картинку для отображения в почтовых клиентах?
1 подписчик
14 авг.
141 просмотр
2
ответа
CSS
Простой
Не могу понять как прижать изображения к правому краю?
1 подписчик
11 авг.
146 просмотров
0
ответов
CSS
+1 ещё
Простой
Помощь на сайте с CSS с галереей и превью?
нет подписчиков
09 авг.
189 просмотров
1
ответ
HTML
+1 ещё
Простой
Как сверстать подобный блок?
1 подписчик
08 авг.
804 просмотра
1
ответ
CSS
Простой
Как такие вещи верстаются?
1 подписчик
07 авг.
2370 просмотров
3
ответа
HTML
Простой
Где сохранить файлы для сайта?
1 подписчик
04 авг.
575 просмотров
3
ответа
Показать ещё
Загружается…
Вакансии с Хабр Карьеры
Frontend-разработчик (Vanilla JS, jQuery)
Karma8
от 150 000 до 320 000 ₽
Frontend разработчик на React
SkillsRock
•
Таганрог
от 60 000 до 90 000 ₽
Специалист по техническому сопровождению клиентов (2 линия)
FoodSoul
•
Калининград
от 60 000 ₽
Минуточку внимания
Войдите на сайт
Чтобы задать вопрос и получить на него квалифицированный ответ.
Войти через центр авторизации
Закрыть
Реклама