Какие подходы существуют для реализации анимации при перетаскивании элементов списка?

Несколько подходов к реализации анимации при перетаскивании элементов списка:

1. Анимирование перехода перетаскиваемого элемента в зависимости от направления. stackoverflow.com Например, при перетаскивании элемента вверх может применяться класс с анимацией, которая создаст иллюзию перемещения из нижнего положения в более высокое. stackoverflow.com Если элемент перемещается сверху вниз, можно использовать другой класс с противоположной анимацией. stackoverflow.com
2. Использование компонента <transition-group> в Vue.js. v3.ru.vuejs.org Он позволяет анимировать не только появление и удаление элементов, но и их перемещение. v3.ru.vuejs.org Это происходит путём добавления класса v-move, который применяется при изменении позиции элементов. v3.ru.vuejs.org
3. Упругая анимация элементов списка. v3.ru.vuejs.org Управление JavaScript-переходами через data-атрибуты позволяет организовать упругую анимацию списка. v3.ru.vuejs.org