Efecto Flip con jQuery

(by: http://www.kabytes.com)

Flippy es un plugin jQuery para agregar el efecto flip (rotar) de forma simple y rápida a cualquier elemento que tenga una clase o un identificador.

Este fantástico plugin cuenta con la gran ventaja de ser compatible con la mayoría de los navegadores modernos, excepto Internet Explorer 8, no obstante y gracias al uso de excanvas.js se logró la compatibilidad con los IE más antiguos.

El plugin permite realizar la rotación de las cuatro posiciones posibles: arriba, abajo, izquierda y derecha. Además cuenta con la posibilidad de hacer una llamada al finalizar la animación, algo que es útil en situaciones donde debemos realizar determinada acción en un momento muy especifico.

Efecto Flip con jQuery

Ejemplo de uso:

$("#myFlippyBox").flippy({
        content:"Hi !",
        direction:"TOP",
        duration:"750",
        onStart:function(){
                alert("Let's flip");
        },
        onFinish:function(){
                alert("ok, it's flipped  ");
        }
});

El plugin no tiene demasiada ciencia, no obstante con muy pocas lineas de código podemos animar un poco nuestros sitios web.

Web: Flippy


original post: http://www.kabytes.com/programacion/efecto-flip-con-jquery/?utm_source=feedbu…

Anuncios
Etiquetado ,

Responder

Introduce tus datos o haz clic en un icono para iniciar sesión:

Logo de WordPress.com

Estás comentando usando tu cuenta de WordPress.com. Cerrar sesión / Cambiar )

Imagen de Twitter

Estás comentando usando tu cuenta de Twitter. Cerrar sesión / Cambiar )

Foto de Facebook

Estás comentando usando tu cuenta de Facebook. Cerrar sesión / Cambiar )

Google+ photo

Estás comentando usando tu cuenta de Google+. Cerrar sesión / Cambiar )

Conectando a %s

A %d blogueros les gusta esto: