Volteando alrededor de un div usando Javascript

Question

Flip es un gran plugin de JQuery para voltear bloques, pero no conserva el fondo mientras anima el volteo.

Por ejemplo, I have this pretty background here, antes de voltear. While flipping, it gets ugly.

¿Hay alguna manera de cambiar fácilmente este div, manteniendo el bonito fondo que tengo, y tal vez incluso lograr una animación más suave de la que puedo obtener con Flip?

Si tengo que sumergirme en esto de cabeza y codificar mi propia función para voltear un div, eso también es factible, y realmente apreciaría algún puntero allí, si eso es lo que debo hacer.

¡Muchas gracias!

Answer 1

Pruebe el jQuery QuickFlip pulgin, este parece bastante limpio con el manejo del fondo.

Answer 2

Intente buscar en momoflow, es un tipo de aplicación que anima el fondo en diferentes ángulos.

Sin embargo, está utilizando la etiqueta canvas, que podría ser un problema para usted si desea la compatibilidad con IE. Sin embargo, la técnica que usa el desarrollador es cortar la imagen en varias secciones verticales y animar su posición. ¡Puede ampliar esta funcionalidad para introducir un lanzamiento completo!

Answer 3

Una manera muy buena de hacer esto es usar transformaciones CSS 3. Es mucho mejor que usar un script; siempre debe evitar el uso de scripts donde se pueden emplear métodos más simples.