Animations

Do you like animations in your dropdowns? Me too. Let's define some

It is that simple as create a CSS3 animation using the ember-basic-dropdown--transitioning-in,
ember-basic-dropdown--transitioned-in and ember-basic-dropdown--transitioning-out
classes that ember-basic-dropdown gives you automatically.

You will probably also want to use .ember-basic-dropdown-content--below
and .ember-basic-dropdown-content--above to have different animations
depending on where the dropdown is positioned.

Template

CSS

Result

Animate me

There is nothing else to know about animations, other that you have to use CSS animations,
not transitions.

The dropdown takes care of creating a clone when closing the dropdown so you animation
works in both directions.