2012-10-18 84 views
2

我想要一個jQuery插件來幫助我在x軸上的div元素上做翻頁動畫,同時保留背景圖片而不反轉內容。我嘗試了一些插件,但無法達到我期待的結果。如果任何人都可以提出解決方案,那將會很棒。這是我到目前爲止的嘗試,但沒有成功:jQuery插件做旋轉/翻轉動畫而不反轉內容?

http://ricostacruz.com/jquery.transit/ - 我能夠使用rotateX,並且卡內容在旋轉時可見,但是我不會在旋轉後將內容倒轉。

http://css3.bradshawenterprises.com/flip/ - 同樣的問題,如上

http://lab.smashup.it/flip/插件 - 這其中不倒置的內容,這是偉大的,但它使用了一個堅實的背景顏色,而翻轉,而不是保留在卡上的內容。

有沒有人有我遇到的問題的解決方案?

+0

**報價股利:** _「 ...翻轉對x軸的div元素,同時保留了背景圖像和不反轉的內容」 _〜這是不清楚你想要什麼。如果您不觸摸背景或內容,則不會翻轉。 – Sparky

+0

我在div元素上做180度翻轉。當發生這種情況時,div元素中的所有文本和圖像都會倒置並顛倒,就好像倒過來看鏡子一樣。我喜歡翻轉動作,但我希望div元素中文本和圖像的方向保持不變。 – John

+0

哦,好吧,你從來沒有提到過「動畫」。 – Sparky

回答

0

爲什麼不嵌套div,一個作爲背景圖像的容器,另一個作爲內容。

就含有反轉的背景圖像