Todos los día encuentro algo nuevo desarrollado con jQuery, que me sorprende por los efectos que nos permiten lograr y también por lo fácil que generalmente resultan el usarlos en nuestros desarrollos.
Flip! es otro plugin jQuery con el que podemos voltear contenido, es decir que gire en un sentido u otro tanto verticalmente como horizontalmente por un eje imaginario que pasa por la zona central.
Para usarlo sólo hay que enlazar la biblioteca y escribir una línea como esta:
$("#flipBox").flip({ direction: 'tb', color: '#B34212' });
En donde estamos definiendo:
- direction: ‘tb’ (voltear de arriba-abajo), ‘bt’ (voltear de abajo-arriba), ‘lr’ (voltear hacia la izquierda), ‘rl’ (voltear hacia la derecha);
- bgColor: el color de fondo del elemento a voltear;
- color: el color que tendrá el elemento una vez volteado;
- speed: la velocidad de volteo.
Muy, pero muy fácil de implementar, Flip! una opción que agrega dinamismo y que además queda bien.