Все сервисы Хабра
Сообщество IT-специалистов
Ответы на любые вопросы об IT
Профессиональное развитие в IT
Закрыть
Задать вопрос
smk_dn
@smk_dn
HTML
CSS
Навигация пользователя
Как сделать двигающийся border-bottom при наведении на пункты меню?
Помогите сделать двигающийся border-bottom для меню на сайте. Чтоб при наведении на пункты он не просто появлялся, а плавно переезжал.
Вопрос задан
более трёх лет назад
1963 просмотра
Комментировать
Подписаться
5
Оценить
Комментировать
Facebook
Вконтакте
Twitter
Ответ
пользователя
rapkin
К ответам
на вопрос
(4)
rapkin
@rapkin
i ♥ gulp coffee
для анимирования используется свойство transition. для сложных анимаций
www.w3schools.com/css/css3_animations.asp
если я правильно понял ваше требование, то код реализующий описанный эффект можно посмотреть здесь
jsfiddle.net/psj9a3y7
Ответ написан
более трёх лет назад
4
комментария
Нравится
2
4
комментария
Facebook
Вконтакте
Twitter
smk_dn
@smk_dn
Автор вопроса
Не совсем. Мне нужно чтоб бордер при наведении не появлялся заново, а просто ездил. (вправо-влево)
Написано
более трёх лет назад
rapkin
@rapkin
smk_dn
: тут без js не обойтись
Написано
более трёх лет назад
smk_dn
@smk_dn
Автор вопроса
rapkin dev
: я понял, спасибо.
Написано
более трёх лет назад
SimonVue
@SimonVue
спасибо! как раз то, что искал :)
Написано
более трёх лет назад
Войдите на сайт
Чтобы задать вопрос и получить на него квалифицированный ответ.
Войти через центр авторизации
Закрыть
Реклама