Как сделать анимацию FLIP в обычном JavaScript с помощью свойства CSS flex-wrap: wrap: для flexbox, так как у меня есть расширяемая боковая панель и содержимое страницы содержит display: flex;элементы в строках и когда боковая панель разворачивается или сворачивается, первые / последние элементы в каждой строке внезапно меняются (переход к следующей или предыдущей строке) при изменении ширины контейнера?
Мне нужно, чтобы это изменение было похоже на потоканимация из позиции A (начало строки) в позицию B (конец предыдущей строки).
Аналогичная анимация показана здесь: https://codepen.io/techniq/pen/WxaxaR
Но мне нужно сделать это вvanilla JS с CSS display: flex;
Я думал о том, чтобы сделать это с помощью функции JavaScript getBoundingClientRect () при добавлении прослушивателя событий для каждого изменения размера окна и щелчка по знаку Гамбургера на боковой панели для записи свойств верхнего и левого css до и послесобытие, а затем делает анимацию, добавляя имена классов.
Есть еще идеи?