Какой принцип создания анимации, как у google keep?

Question

[Андрей]

Речь про анимацию открытия заметки.
Заметка из таблицы со своей позиции перемещается в центр экрана, при закрытии плавно возвращается на свое место.

В целом, добиться такого поведения наверное не трудно, используя position absolute и поколдовав с transition (был бы благодарен за пример). Больше интересно, как это реализовать во vue, где элемент списка это один компонент, а открывшееся окно - другой.