CSS3 3D無縫過渡

好的，所以我想弄清楚如何讓我的3D過渡在我正在工作的旋轉木馬上無縫轉換，而無需轉換整個父件。我正在嘗試創建一個立方體效果，可以根據需要使用盡可能多的幻燈片。這是我迄今爲止的，但我似乎無法使其無縫：http://jsfiddle.net/wDMHN/4/。幫幫我！CSS3 3D無縫過渡

2012-09-19 Chad

你的意思是「無縫」到底是什麼意思？你發佈的小提琴看起來工作得很好，但我不確定你的目標是什麼。 – DigTheDoug

我試圖實現立方體效果，所以它看起來像一個立方體只是旋轉。 AKA的作品在任何時候都觸摸。 – Chad

您需要在相對於臉部的變形位置處開始立方體的每一側，因此一側需要旋轉90°，另一側180°，另一側270°。您還需要設置透視原點，以便全部你的臉部在同一點上旋轉。

它使用鍵盤旋轉立方體，但它會是一個非常簡單的改變，使其自主。

2012-09-19 18:47:02

旋轉父級。我正在尋找同時旋轉兩個孩子。 – Chad

所以你是不是在這個效果之後？：http://www.paulrhayes.com/experiments/cube-3d/ –

我是在效果之後，但沒有實現的方法。 – Chad

回答