# cardify_reloaded

> * **Track:** _Common Core_ * **Curso:** _JS Deep Dive: Crea tu propia librería usando JavaScript_Producto final_

Latest version **1.0.0** (published 2018-07-23) · ISC license · 0 weekly downloads

## Install

```sh
npm install cardify_reloaded
pnpm add cardify_reloaded
yarn add cardify_reloaded
bun add cardify_reloaded
```

## Health

**Score 15/100 (F)** — status: abandoned.

Positive: no vulnerabilities.

Warnings: low downloads; no types; no esm support.

Negative: abandoned; low maintenance score.

## Facts

| | |
|---|---|
| Version | 1.0.0 |
| Published | 2018-07-23 |
| First published | 2018-07-23 |
| Weekly downloads | 0 |
| License | ISC |
| TypeScript types | none |
| Module format | CommonJS |
| Dependencies | 0 |
| Unpacked size | 559.3 KB |
| Known vulnerabilities | 0 |
| Install scripts | no |
| GitHub stars | 0 |
| Author | evy_v |
| Maintainers | evy_v |

## Links

- npm: https://www.npmjs.com/package/cardify_reloaded
- Repository: https://github.com/Zetnavrek/cardify
- Homepage: https://github.com/Zetnavrek/cardify#readme
- Issues: https://github.com/Zetnavrek/cardify/issues
- npm.io page: https://npm.io/package/cardify_reloaded

## Recent versions

- 1.0.0 (latest) — 2018-07-23

## README

# 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:
[![forthebadge](https://forthebadge.com/images/badges/uses-html.svg)](https://forthebadge.com)
[![forthebadge](https://forthebadge.com/images/badges/uses-css.svg)](https://forthebadge.com)
[![forthebadge](https://forthebadge.com/images/badges/uses-js.svg)](https://forthebadge.com)
[![forthebadge](https://forthebadge.com/images/badges/uses-git.svg)](https://forthebadge.com)

***

## 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 &lt;figure&gt; e "imgTitle" para la etiqueta &lt;figcaption&gt;.



***
[![forthebadge](https://forthebadge.com/images/badges/built-by-developers.svg)](https://forthebadge.com)


Belén y Elvia




[![forthebadge](https://forthebadge.com/images/badges/winter-is-coming.svg)](https://forthebadge.com)

---
_Source: https://npm.io/package/cardify_reloaded · Machine-readable twin of the npm.io package page. Health data is recomputed on every publish._