添加CSS3和jQuery的過渡到幻燈片

Question

所以我有一個水平滑塊和我想在添加轉換之間有一定的影響

我現在已經是雨後春筍般冒出來使用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; } 
} 

Answer 1

使用3D transformations與perspective。 Fiddle

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