Задать вопрос
swibong
@swibong
No system is safe.
html

Как убрать скачки текста при использовании hover?

Привет.

Есть у меня кнопка. В ней текст. При наведении на кнопку появляется бордер и текст внутри скачет. Если убрать границы при наведении - то всё окей. Как поправить?

Наглядный пример.
  • Вопрос задан
  • 6087 просмотров
Комментировать
Подписаться 1 Оценить Комментировать
Решения вопроса 1
nikolayshabalin
@nikolayshabalin
Автор профессиональных курсов в HTML Academy
Один из выходов это сделать, изначально, бордеры прозрачного цвета.
.download-buttom {
  border: 1px solid transparent;
}
Ответ написан
Комментировать
Комментировать
Пригласить эксперта
Ответы на вопрос 3
@mmjurov
Используйте box-sizing при hover
box-sizing:border-box;
Ответ написан
1 комментарий
1 комментарий
olegshilov
@olegshilov
Используйте box-shadow, и будет вам счастье
Ответ написан
Комментировать
Комментировать
@smoklew
https://codepen.io/webrapist/pen/JXvvGQ
Ответ написан
2 комментария
2 комментария
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы
Вакансии с Хабр Карьеры
Тестировщик-стажёр
ITooLabs • Тула
от 35 000 до 40 000 ₽
Fullstack PHP Developer
Smapse Education
от 40 000 до 65 000 ₽
Trainee - IT Support
move2usajobs.com LLC • Лос-Анджелес
от 2 000 до 4 000 $
Ещё вакансии
Заказы с Хабр Фриланса
Приложение или модуль для Wordpress для учета поездок по QR
25 апр. 2024, в 03:58
10000 руб./за проект
Ошибка в 1с при выгрузке товаров на сайт на Битриксе
25 апр. 2024, в 03:08
3000 руб./за проект
Создание и публикация короткого (reels) UGC-видео на YouTube-канале
25 апр. 2024, в 01:46
500 руб./за проект
Ещё заказы