2
我正在嘗試使用3D轉換/轉換的CSS3動畫效果。我有一個HTML容器，它被有效地分爲「瓦片」和另一個位於頂層的圖層。我想要做的是在各個瓷磚上創建一個「翻轉」效果。如何使用CSS3實現類似Windows Phone的「平鋪」3D轉換
與this一樣，除非其中一個圖層是純HTML（例如文本）。
.sub {
-webkit-transition: -webkit-transform 0.6s linear;
}
.flip {
-webkit-transform: rotate3d(1,0,0,90deg);
}
經過一段時間的思考，我不確定這甚至是可能的。這是我的嘗試。
- 帶有一些文本作爲背層的容器。
- 頂層瓷磚;設置一個瓷磚的不透明度爲零，創建一個「窗口」。
- 現在將轉換應用於背層。
- 在頂部添加第三層，即與第一層相同。
這幾乎可行，但不是真的; 「窗口」會翻轉，但當然頂層仍然可以在窗口上看到，即ruining the effect。
有什麼辦法來完成這種部分翻轉效果？
這真是漂亮，但它並不完全是我所期待的。老實說，我的問題可能應該被封閉，因爲太本地化了，無論如何。 – McGarnagle