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.
The post jQuery Flip efecto muy llamativo appeared first on Develoteca.