猫头鹰旋转木马项目无法展开到全屏，并带有单击转换

Question

我想要构建如下内容：Link from Dribbble

我正在尝试将滑块上的项目扩展到全屏，就像链接上的视频一样。我尝试使用css过渡，但它们在owl carousel滑块内部而不是在owl carousel滑块外部扩展。

这是我正在使用的css：

.transform {
  -webkit-transition: all 2s ease;
  -moz-transition: all 2s ease;
  -o-transition: all 2s ease;
  -ms-transition: all 2s ease;
  transition: all 2s ease;
}

.transform-active {
  background-color: #45CEE0;
  height: 100vh;
  width: 100vw;
}

您可以完全看到我在JsFiddle上所做的事情