Gera11
@Gera11

Как сделать выпадающее меню на кнопке (косое) как на картинке?

5dc512cba957b410350676.png
Как сделать вот такие кнопки? Из bootstrap 4?
Вот проект на codepen
  • Вопрос задан
  • 72 просмотра
Пригласить эксперта
Ответы на вопрос 1
criticalsomethoughts
@criticalsomethoughts
UI\UX Developer, Project Manager
Вы бы хотя бы показали задумку дизайнера, что именно он хотел. Начальное положение кнопки, конечная трансформация. Что бы люди не гадали на картах.
Вариация масса. Если просто косое меню без анимации, кнопку делаете градиентом, косую черту можно сделать пседоэлементом after. Что бы все это было еще и динамично - на hover - можно увеличить width кнопки и ширину черного пседоэлемента after, для анимации движения правой части. Если это не похоже на вашу задумку, тогда делитесь макетом до\после.
Ответ написан
Комментировать
Ваш ответ на вопрос

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

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