These animations are associated with material designs called
Common elements between actions.
The idea behind this is to have two different representations in two different layouts and somehow connect them to the animation.
The Transition framework will then make any animations that, in his opinion, should show the user the transition from one view to another.
Always keep this in mind: the view will not move from one layout to another. These are two independent opinions.

The animation between the views will look like

Check this box for more information on material design.
source share