jquery - 向幻灯片添加 CSS3 或 Jquery 过渡

所以我有一个水平滑块，我想在过渡之间添加一些效果

我现在拥有的是幻灯片从一侧移动到另一侧并使用 css3 弹出图像

我想添加一个过渡效果，当幻灯片更改时图像折叠到一边

像下面的图片

非常感谢提前

编辑:显示一些代码

对于我使用以下 CSS3 的元素

#plane {
z-index: 9;
    position: absolute;
    left: -1200px;
    width: 1200px;
    top: 30%;
    max-width: 70%;
    padding: 10px 20px;
    -webkit-animation: plane 0.5s forwards;
    -webkit-animation-delay: 0.5s;
    animation: plane 0.5s forwards;
    animation-delay: 0.5s;
}

@-webkit-keyframes plane {
    100% { left: 0; }
}

@keyframes plane {
    100% { left: 0; }
}

最佳答案

将 3D transformations 与 perspective 一起使用。 Fiddle

#plane {
    transform: rotateY(45deg);
}
#container {
    perspective: 2000px;
}

关于jquery - 向幻灯片添加 CSS3 或 Jquery 过渡，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/21639498/