我想 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做了什么