in

Image Hover CSS LIbrary

(Last Updated On: 16/09/2021)

Free Download Image Hover CSS LIbrary (Nulled) [ Latest Version ]

Image Hover CSS Libraryv1.0

A Scaleable & Light Image Hover CSS Library

A lovingly crafted CSS library allowing you to easily implement scaleable image hover effects. 58 hover effect classes to choose from a CSS library weighing in at a minified size of only 28KB. Each effect uses the same basic markup allowing you to change effect by simply editing the containing class.

Basic Usage

  1. Include the imagehover.css stylesheet on your document’s

    
      
    
    
  2. Place the following markup in to your HTML document

    // Hover Content
  3. Edit the URL to your image and add your hover content. Then simply set the imagehover.css class of your choice to the containing figure element. In the example above this has been set to ‘imghvr-fade’. A full list of hover effects and their classes can be found below!.

To link your image, add an empty tag just after the figcaption element.

// Hover Content

Background Color

You can change the background color via some inline CSS added to the figure element like so…

// Hover Content

Alternatively this can be applied via your CSS files. The following example will effect all elements with a imagehover.css class applied.

*[class^='imghvr-'],
*[class*=' imghvr-'] {
  background-color: #D14233;
}

Caption Background Color

In most cases you can change the caption background color via some inline CSS added to the figure element like so…

// Hover Content

Alternatively this can be applied via your CSS files. The following example will effect all elements with a imagehover.css class applied.

*[class^='imghvr-'] figcaption,
*[class*=' imghvr-'] figcaption {
  background-color: #D14233;
}

Browser Support

Imagehover.css relies heavely on some CSS3 features inlcuding pseudo-elements, animations, transitions and transforms. Some older browsers will have limited support of these features.

Kindly Note: We update new content like WordPress Themes, Plugins, PHP Scripts, Shopify Themes, Mobile Apps, HTML Template & Many More every day. But remember that you should never use this item on a commercial website. All the contents are posted here for development & testing purpose only. We’re not responsible for any damage, use at your own RISK!. We highly recommend to buy Image Hover CSS LIbrary from the Original Developer [ciaran] website. Thank you.

Demo – Image Hover CSS LIbrary

Download – Image Hover CSS LIbrary

What do you think?

50 Points
Upvote Downvote

Written by Nulled Mug

We update new content like WordPress Themes, Plugins, PHP Scripts, E-Commerce Themes, Shopify Themes, Mobile Apps, HTML Template & Many More every day. But remember that you should never use this item on a commercial website. All the contents are posted here for development & testing purpose only. We’re not responsible for any damage, use at your own RISK!.

Leave a Reply

Your email address will not be published.

DOWN HELL Complete game with Eclipse project & Including Buildbox file

Email Template Builder – METROSPECTIVE Newsletter