用Javascript翻轉div div

Question

Flip是一個非常棒的JQuery插件，用於翻轉塊，但它不會保留背景，同時它會爲翻轉設置動畫。

例如，I have this pretty background here，在我翻轉之前。 While flipping, it gets ugly。

有沒有一種方法可以很好地翻轉此div，保持我擁有的美麗背景，甚至可以實現比Flip更平滑的動畫效果？

如果我需要深入瞭解這個頭部並編寫我自己的函數來翻轉一個div，那也是可行的，而且我真的很感謝那裏有一個指針，如果這是我必須做的。

非常感謝！

Answer 1

嘗試jQuery QuickFlip pulgin，這個看起來很整潔，處理背景。

Answer 2

試試看momoflow，它是一種將背景動畫到不同角度的coverflow類型的應用程序。

然而，它使用canvas標籤，如果你想要IE兼容性，這可能是一個問題。然而，開發人員正在使用的技術是將圖像切分成幾個垂直切片並對其位置進行動畫處理。你可以擴展這個功能來引入一個完整的翻轉！

Answer 3

一個很酷的方法是使用CSS 3轉換。它比使用腳本好得多;你應該總是避免使用簡單的方法可以使用的腳本。