A second set of styles was added to the collection of subtle hover effect ideas. The old set was updated and we’ve added some fresh effects with various transitions.
Best jQuery Image Hover Effect Plugins & Tutorials with Demo
jQuery caption hover effects have been on the Web for a long time. There are plenty of jQuery libraries out there that can be used to obtain a cool and amazing image caption animation and hover effects.
That being said, it is now possible to do the same cool effects with CSS3 transitions and transform properties.
In this tutorial, we’re going to build some image overlay hover effects with CSS3 transitions. When we hover over an image, a neat transition will occur, showing us an icon that hints the user to click on it for more.
Caption Pro is a next generation Image caption wordpress plugin. Captions pro plugin will allow you to add fantastic captions to your WordPress Images. It allow you to choose predefined 14 caption styles, it has flexible typography options, you can use Google Fonts, as well as change their sizes, colors, spacing and their font-family.
- Smooth CSS3 effect
- No coding required! At ALL!
- Over 600 Google Fonts available!
- Works in all Modern browsers
- Adds style to your image captions!
- Font customization option
- Custom CSS Options
Xoverlay is a bundle of CSS attributes which will help you to add hover effects on your site. Here you will get 50+ effects and a huge plus point is you can combine it’s effects, therefore you can create more than 150+ effects.
Turn native WordPress Gallery into Dynamic Grig Gallery with different lightboxes, hover effects and many other options. “Smart Grid Gallery” is responsive and touch friendly.
- Use Native WordPress Gallery Shortcode
- Built-in Shortcode Generator
- Fully Responsive Layout
- CSS3 Transition Effects
- Two Different Lightboxes
- 600+ Google Fonts
- Support Touch Devices Like iPhone/iPad or Android
- Highly Customizable
A small jQuery plugin that helps you divide an element into four triangles and test co-ordinates on them.It helps you add direction sensitivity to all the elements it is called on.
Create a dynamic multi level flip out cards with jQuery.Modern browsers such as Chrome, Firefox, and Safari on both desktop and smartphones have been tested. I have not tested this on IE.
Shuffle Images let you display and shuffle multiple images by moving cursor around or several other ways to trigger.This plugin is perfect for when you want to save space while allowing users to take a peak at what other images are related to the one displayed. It can also be used to create an interactive animation on multiple static images at once.
A simple, lightweight jQuery plugin for creating a grid of images which when hovered reveals a caption.