Cardify Reloaded

¿Qué es? Es un plugin de jQuery que agrega un efecto de blur a las imágenes que tengan la clase cardify que encuentre dentro de un contenedor y las reemplaza por un nuevo elemento <figure> que contenga la imagen <img> además de un <figcaption> con el texto del atributo alt de la imagen.

Elaborado con:

Instalación

1. Agrega Jquery a tu proyecto

<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>

2. Agrega la clase "cardify" a tus imágenes

<img class="cardify" src="ruta_a_tu_imagen" alt="titulo_de_la_imagen">

3. Descarga el archivo cardify.js y vincúlalo con tu html con la siguiente liga: <script src="js/cardify.js"></script>

4. Puedes modificar los estilos utilizando las clases "principal" para la etiqueta <figure> e "imgTitle" para la etiqueta <figcaption>.

Belén y Elvia