Все сервисы Хабра
Сообщество 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/
Написано
более трёх лет назад
Ваш ответ на вопрос
Войдите, чтобы написать ответ
Войти через центр авторизации
Похожие вопросы
CSS
Простой
Как с помощью flex распредилить кнопки как на картинке?
1 подписчик
20 часов назад
92 просмотра
2
ответа
CSS
Средний
Как изменить цвет элемента на сайте WordPress?
1 подписчик
31 мая
75 просмотров
1
ответ
JavaScript
+1 ещё
Средний
Как вычислить размер шрифта для блока div с заданным размером?
2 подписчика
31 мая
177 просмотров
1
ответ
JavaScript
+1 ещё
Простой
Какой аналог метода .includes("текст") для полного соответствия?
1 подписчик
30 мая
627 просмотров
1
ответ
HTML
+2 ещё
Средний
Как перевести HTML-текст, не теряя теги?
2 подписчика
30 мая
1002 просмотра
2
ответа
JavaScript
+3 ещё
Средний
Как сделать расширенную область при наведении курсора?
3 подписчика
30 мая
1422 просмотра
1
ответ
CSS
Средний
Как делать такие фигуры в css?
1 подписчик
29 мая
137 просмотров
1
ответ
HTML
+1 ещё
Простой
Как растянуть содержимое ячейки td на всю ширину и высоту ячейки?
1 подписчик
29 мая
142 просмотра
1
ответ
HTML
+1 ещё
Простой
Как на элементах слайдера сделать вертикальный текст прижатый к левому краю и не по всей высоте?
1 подписчик
27 мая
88 просмотров
1
ответ
CSS
+1 ещё
Простой
Как устранить конфликт стилей в WordPress?
1 подписчик
25 мая
171 просмотр
1
ответ
Показать ещё
Загружается…
Вакансии с Хабр Карьеры
Frontend разработчик на React
SkillsRock
•
Таганрог
от 60 000 до 90 000 ₽
Senior Frontend (JavaScript) разработчик
Vital Partners
от 350 000 до 400 000 ₽
Разработчик Bitrix/Bitrix24 (part time)
BGS Group
от 1 000 до 1 500 ₽
Минуточку внимания
Войдите на сайт
Чтобы задать вопрос и получить на него квалифицированный ответ.
Войти через центр авторизации
Закрыть
Реклама