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 | Under Image
Step 1 – Install Modula
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.

- To create a new gallery, head to Modula > and click “Add New”.
- 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.

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.

Step 5 – Publishing your gallery
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.

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)