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.
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.