Cardify 2.0

Plugin jQuery

What is Cardify 2.0?

Cardify 2.0 is a jQuery plugin that makes easy to add a simple hover effect to your images. This plugin finds all the images with class "imgCardify" inside a container and replace them with a new element that contains the image () as well as a with the text of the "alt" attribute of the image.

Install

Local installation

To install cardify 2.0 locally in your project follow these steps:

1. Add jQuery in your project.

2. Download the file "main.css" from github and add it to your project writing the path in your html.

3. Download the file "index.js" from github and add it to your project writing the path in your html.

4. Add a container with class "imgwrap" in your html.

5. Add an image class "imgCardify" in your html.

Use

Users can install cardify locally to their projects. For a local installation they must download the files from github.

The following example shows how users can add the plugin to their projects.

Example

Demo

Green

Purple

Yellow

Pink

Orange