Lanciare un div usando Javascript

Question

Flip è un ottimo plugin JQuery per lanciare i blocchi, ma non conserva lo sfondo mentre anima il flip.

Ad esempio, I have this pretty background here, prima di capovolgere. While flipping, it gets ugly.

C'è un modo per capovolgere questo div graziosamente, mantenendo lo sfondo carino che ho, e forse anche ottenere un'animazione più fluida di quella che posso ottenere con Flip?

Se ho bisogno di immergermi in questa testa a testa e codificare la mia funzione per lanciare un div, è anche fattibile, e mi piacerebbe molto avere qualche puntatore lì, se è quello che devo fare.

Grazie mille!

Answer 1

Provate il jQuery QuickFlip pulgin, questo sembra abbastanza pulito con la gestione dello sfondo.

Answer 2

Provare a esaminare momoflow, è un tipo di applicazione coverflow che anima lo sfondo a diversi angoli.

Tuttavia, sta utilizzando il tag canvas, che potrebbe rappresentare un problema se si desidera la compatibilità con IE. Tuttavia, la tecnica che lo sviluppatore sta utilizzando è di tagliare l'immagine in diverse sezioni verticali e animare la loro posizione. È possibile estendere questa funzionalità per introdurre un capovolgimento completo!

Answer 3

Un modo davvero interessante per farlo è utilizzare le trasformazioni CSS 3. È molto meglio che usare una sceneggiatura; si dovrebbe sempre evitare di utilizzare script in cui è possibile utilizzare metodi più semplici.