Animated dropdowns
Scaling animations
Custom scale animations can be applied on menus items by using the dropdown-menu-scale classes. Dropdown menus can be customized to open from either left or right by adding the .from-left or .from-right classes.
Dropdown animations on menus using animate.css
Animations can be applied on menus items by using the dropdown-menu-animation-name classes.
.dropdown-menu .dropdown-menu-bounce .dropdown-menu .dropdown-menu-flash .dropdown-menu .dropdown-menu-pulse .dropdown-menu .dropdown-menu-rubberBand .dropdown-menu .dropdown-menu-shake .dropdown-menu .dropdown-menu-headShake .dropdown-menu .dropdown-menu-swing .dropdown-menu .dropdown-menu-tada .dropdown-menu .dropdown-menu-wobble .dropdown-menu .dropdown-menu-jello .dropdown-menu .dropdown-menu-bounceIn .dropdown-menu .dropdown-menu-bounceInDown .dropdown-menu .dropdown-menu-bounceInLeft .dropdown-menu .dropdown-menu-bounceInRight .dropdown-menu .dropdown-menu-bounceInUp .dropdown-menu .dropdown-menu-fadeIn .dropdown-menu .dropdown-menu-fadeInDown .dropdown-menu .dropdown-menu-fadeInDownBig .dropdown-menu .dropdown-menu-fadeInLeft .dropdown-menu .dropdown-menu-fadeInLeftBig .dropdown-menu .dropdown-menu-fadeInRight .dropdown-menu .dropdown-menu-fadeInRightBig .dropdown-menu .dropdown-menu-fadeInUp .dropdown-menu .dropdown-menu-fadeInUpBig .dropdown-menu .dropdown-menu-slideInDown .dropdown-menu .dropdown-menu-slideInLeft .dropdown-menu .dropdown-menu-slideInRight .dropdown-menu .dropdown-menu-slideInUp Dropdown animations on menu items using animate.css
Animations can be applied on menu items by using the animated animation-name classes.
.dropdown-item .animated .bounce .dropdown-item .animated .flash .dropdown-item .animated .pulse .dropdown-item .animated .rubberBand .dropdown-item .animated .shake .dropdown-item .animated .headShake .dropdown-item .animated .swing .dropdown-item .animated .tada .dropdown-item .animated .wobble .dropdown-item .animated .jello .dropdown-item .animated .bounceIn .dropdown-item .animated .bounceInDown .dropdown-item .animated .bounceInLeft .dropdown-item .animated .bounceInRight .dropdown-item .animated .bounceInUp .dropdown-item .animated .fadeIn .dropdown-item .animated .fadeInDown .dropdown-item .animated .fadeInDownBig .dropdown-item .animated .fadeInLeft .dropdown-item .animated .fadeInLeftBig .dropdown-item .animated .fadeInRight .dropdown-item .animated .fadeInRightBig .dropdown-item .animated .fadeInUp .dropdown-item .animated .fadeInUpBig .dropdown-item .animated .slideInDown .dropdown-item .animated .slideInLeft .dropdown-item .animated .slideInRight .dropdown-item .animated .slideInUp