jQuery Flip efecto muy llamativo

DESCARGA : jQuery Flip

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) 

<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">

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

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

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

$("#card").flip();

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.

You may also like...