https://gyazo.com/5e67ca35d6665e878cc46a435298b162
Уже несколько дней пытаюсь понять как реализовать такое.
Была идея увеличивать высоту элемента на основе высоты скрытых элементов и потом их просто двигать, но тут проблема в том что тогда изначальной позиции у элементов не будет (Либо придется изначалаьно задавать фикс высоты для элемента , что по мне тупо)
Вторая проблема заключается в том чобы увеличивать высоту не вверх или вниз, а из центра наверх и вниз (Как в гифке)
Может кто-то видел похожие примеры реализаций подобных анимаций и блоков, потому что я вообще в ступоре пока что.
+ таких блоков несколько в ряд и все они находятся в swiperjs и соотвественно я еще не особо понял как грамотно "вываливать" эти блоки из контейнера, изначально сделать слайдер на абсолютном позиционировании?
Использую gsap , но может можно и без него .
Простой
