docs(animation): add note about aliases (#2629)

This commit is contained in:
Jesús Rodríguez 2016-10-22 20:35:12 +02:00 committed by GitHub
parent 4c85f0a91d
commit bfd08c08c5
1 changed files with 8 additions and 0 deletions

View File

@ -179,6 +179,14 @@ figure
are different on enter and leave: the element enters from the left are different on enter and leave: the element enters from the left
and leaves to the right. and leaves to the right.
.l-sub-section
:marked
These two common animations have their own aliases:
code-example(language="typescript").
transition(':enter', [ ... ]); // void => *
transition(':leave', [ ... ]); // * => void
:marked
## Example: Entering and leaving from different states ## Example: Entering and leaving from different states
figure figure
img(src="/resources/images/devguide/animations/animation_enter_leave_states.gif" alt="Enter and leave animations combined with state animations" align="right" style="width:200px" ) img(src="/resources/images/devguide/animations/animation_enter_leave_states.gif" alt="Enter and leave animations combined with state animations" align="right" style="width:200px" )