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

Question

[Gera11]

Как сделать вот такие кнопки? Из bootstrap 4?
Вот проект на codepen

Answer 1

[Robert-critical-thoughts]

Вы бы хотя бы показали задумку дизайнера, что именно он хотел. Начальное положение кнопки, конечная трансформация. Что бы люди не гадали на картах.
Вариация масса. Если просто косое меню без анимации, кнопку делаете градиентом, косую черту можно сделать пседоэлементом after. Что бы все это было еще и динамично - на hover - можно увеличить width кнопки и ширину черного пседоэлемента after, для анимации движения правой части. Если это не похоже на вашу задумку, тогда делитесь макетом до\после.