我想 Build 这样的东西: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做了什么