Adding hover effects to the images on your website has really never been easier

Appear | Catinelle | Comodo | Crafty | Curtain | Fluid up | Hide | Lens | Pufrobo | Quiet | Reflex | Seemo


The easiest and debatably the best way to add hover effects to the images on your WordPress website is to install Modula – the most powerful, user-friendly WordPress gallery plugin.


Step 2 – Creating your gallery

First, you’ll need to either create a new gallery or edit an existing one. You should find creating your first gallery using Modula really easy, but here’s a brief explanation that should clear things up for you.

Add Image Hover Effects 1
  1. To create a new gallery, head to Modula > and click “Add New”.
  2. After just a few seconds of loading, you be automatically taken to the gallery edit screen so you can start working on your gallery right away.

Step 3 – Upload your images

Next, upload your chosen set of images to your newly created gallery.

upload-gifs
Time to add those GIFs to your gallery

To do this, click Upload Image Files, Select from Library or simply drag the photos which you want to apply a hover effect into the gallery into the gallery edit page.


Step 4 – Chose a hover effect

Head to Modula Settings > Hover Effect to choose the effect you like most by testing each of them out from within the gallery edit page.

Add Image Hover Effects 2

The final step is to Publish your new gallery for the world to see, and copy & paste the shortcode into any post or page where you want the images with the desired hover effect to appear.

image-hover-effects
Backend view of a GIF gallery created with Modula

Requirements

  • Modula Lite (or Pro) installed and activated
  • WordPress.org 4.4+ or WordPress.com Business (we’d always recommend that you keep your WordPress installations up to date)
  • PHP Version > 5.5.0 (preferably the latest as older ones are known to have some serious security vulnerabilities)