Hover3d. js-The jQuery plug-in that slides the mouse over an image 3D card,

Hover3d. js-The jQuery plug-in that slides the mouse over an image 3D card,

Hover3d. js is a jQuery plug-in that slides the mouse over an image 3D card. This plug-in can be used to create a 3D tilt and rotation effect when the mouse slides over the image.

Usage

To use this jQuery plug-in, you need to introduce jquery and jquery. hover3d. min. js files on the page.

<Script src = "src/jquery. min. js"> </script> <script src = "src/jquery. hover3d. min. js"> </script>

HTML Structure

The HTML structure of the effect of moving the mouse over the image is as follows: the package element and its child element will be followed by a 3D card effect.

<Div class = "project"> <div class = "project _ card"> <! -- Content element goes here --> </div>

CSS style

This effect does not require special CSS styles. You can specify your own CSS styles. However, you can add the following secondary class when you move the mouse into or out of the image.

/* This class can be replaced using options */. hover-in {transition :. 3 s timeout-out ;}. hover-out {transition :. 3 s bytes-in ;}

Download Online Preview source code