@Steel_Designer

Как сделать чтобы кнопка подчеркивалась не полностью?

5c921c1906967979979189.png
Мне нужно чтобы кнопки подчеркивались не полностью( как на скрине ), а при наведении на кнопку она подчеркивалась, при том была плавная анимация
  • Вопрос задан
  • 158 просмотров
Решения вопроса 1
@Cruper
web-падаван
:after или :before
У кнопки позиционирование relative, у :after (или :before) - absolute
Устанавливаете left: 0 и bottom: 0
width: 20px, например
При наведении через :hover устанавливаете width: 100%

transition: 1s width - чтобы плавно было
Ответ написан
Пригласить эксперта
Ответы на вопрос 3
@Delta01
Вёрстка всего нарисованного :D
Полоску сделать псевдо элементом кнопки, например :after
Ответ написан
vitaly44
@vitaly44
Предприниматель, веб-разработчик, дизайнер
Вот так проще всего
https://codepen.io/vitaly44/pen/MxPexJ

ну и далее уже сами играйтесь как хотите :-)
Ответ написан
Ваш ответ на вопрос

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

Войти через центр авторизации
Похожие вопросы