jQuery Flip efecto muy llamativo


jQuery Flip efecto muy llamativo, este efecto te puede servir para mostrar contenido en la parte trasera de un elemento html y lograr por ejemplos mostrar una pequeña descripción con un efecto.

En la siguiente dirección te puedes encontrar un ejemplo:http://nnattawat.github.io/flip/ de como quedaría el efecto de este plugin.

La implementación se guía de 3 pasos en concreto:

1.- Incluye los archivo necesarios (Plugin y jQuery) 

[html]

<script src="https://code.jquery.com/jquery-2.1.4.min.js">
<script src="https://cdn.rawgit.com/nnattawat/flip/master/dist/jquery.flip.min.js">

[/html]

2.-El HTML que quieres manipular con el flip front y back.

[html]
<div id="card">
<div class="front">
Front content
</div>
<div class="back">
Back content
</div>
</div>
[/html]

3.- Posterior a esto el script de jQuery que permite lograr ese efecto

[javascript]
$("#card").flip();
[/javascript]

4.- Agrega las opciones del plugin necesarios como por ejemplo:
a).- Efecto a hacer clic en el elemento HTML
b).- Efecto al pasar el mouse sobre el elemento HTML.
c).- Efecto controlado con botones HTML.
d).- Efecto de movimiento: eje x ó eje y

Este plugin es muy recomendable para usar en un portafolio, en una galería de imágenes o simplemente en algún elemento HTML que quieres resaltar.

[adjuntos descripcion=”jQuery Flip” link=”github.com/nnattawat/flip/archive/master.zip”]