Javascript css垂直滑块转换

我正在尝试创建类似于下面动画的东西，但我不知道从哪里开始

如果您能帮助我确定动画或网络资源的类型，以便为我提供文档并了解更多信息，我将不胜感激

我从设计开始：

[JsFiddle](https://jsfiddle.net/braian125/r58tpjbg/2/)

---

基于提供的图像，感觉像动画库一样，和

有关信息，请参阅此

---

我在twitter上关注一位UI专家，他做了大量的动画工作，你可以联系他进行更多的研究。

我使用Swiper、jQuery和animate.css的slideChange事件找到了解决方案

swiper.on('slideChange', function () {
  item = this.slides[this.activeIndex];
  itemInfo = $(item).find('.itemInfo');
  animation = 'rubberBand';
  itemInfo.addClass('animated ' + animation);        
  window.setTimeout( function(){
    itemInfo.removeClass('animated ' + animation);
  }, 1000);

  animation = 'jello';
  el = $(item).find('.itemPic');
  el.addClass('animated ' + animation);
  window.setTimeout( function(){
    el.removeClass('animated ' + animation);
  }, 1000);
});

---

嗨，非常感谢你，非常感谢你的帮助，非常有趣。还记得不久前我用animate.css做过一个项目吗