Complemento GSAP Flip para animación trucos CSS

calcetín verde hizo Complemento GSAP Flip libre c edición 3.9FLIP es un concepto de animación que ayuda a crear animaciones para cambiar el estado de superrendimiento. ryan mulligan tiene una buena entrada de blog:

FLIP, inventado por pablo lewises un acrónimo de First, Last, Invert and Play. El complemento Flip utiliza esta técnica para que los desarrolladores web puedan transferir elementos sin esfuerzo y sin problemas entre estados.

Ejemplos de uso del complemento GSAP Flip

Usar FLIP "a mano" es ciertamente posible, pero difícil. Esto es algo absolutamente perfecto que una biblioteca de animación puede hacer por nosotros. Greenstock lo hizo, como dice Ryan:

1. Toma el estado actual
2. Realice cambios en su condición
3. Llamar Flip.from(state, options)

Deliciosamente simple. Ryan hizo un efecto de "añadir al carrito" con él:

Lo usé el otro día para hacer una "mini galería de fotos" que puede rotar qué imagen es la grande de arriba:

Lo cual, casualmente, es exactamente la razón por la que terminé publicando en el blog "Cómo pasar por las clases de elementos HTML" el otro día.