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-menu-scale .from-left
.dropdown-menu-scale .from-right
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