Image Hover Effects documentation

Add hover effects, captions, lightbox, comparison and magnifier to your images, with 500+ CSS3 animations.

  • 28guides
  • 7sections

Getting Started

5 guides
  1. What Is Image Hover Effects Ultimate? 4 min read
  2. How to Install and Activate Image Hover Effects Ultimate 4 min read
  3. Creating Your First Hover Effect 4 min read
  4. Image Hover Effects Shortcode: Copy, Clone, Export and Import 4 min read
  5. Free vs Pro: What’s the Difference? 3 min read

Effect Types

7 guides
  1. General Hover Effects 3 min read
  2. Caption Hover Effects 2 min read
  3. Flip Box Hover Effects 3 min read
  4. Lightbox Gallery Effects 3 min read
  5. Before and After Image Comparison Slider 3 min read
  6. Button Hover Effects 3 min read
  7. Square and Image Magnifier Effects 3 min read

Extensions ( Pro )

3 guides
  1. Display Post: Show WordPress Posts with Hover Effects 4 min read
  2. Carousel Slider: Turn Hover Effects into a Sliding Carousel 4 min read
  3. Filter and Sorting: Create a Filterable Image Gallery 4 min read

Customization

5 guides
  1. Typography and Font Customization 2 min read
  2. Colors, Gradients and Hover Background 2 min read
  3. Hover Animations and Transition Effects 3 min read
  4. Responsive and Mobile Layout Settings 2 min read
  5. Border, Box Shadow and Rounded Corners 2 min read

Page Builder Integration

4 guides
  1. How to Use Image Hover Effects with Elementor 2 min read
  2. How to Use Image Hover Effects with WPBakery 3 min read
  3. Using Image Hover Effects in Widget Areas 2 min read
  4. Using the Native Gutenberg Block 3 min read

Settings & Configuration

2 guides
  1. Image Hover Settings Explained 4 min read
  2. Google Fonts, Font Awesome and Custom CSS 3 min read

Troubleshooting & FAQ

2 guides
  1. Hover Effects Not Working: How to Fix 4 min read
  2. Image Hover FAQ: Frequently Asked Questions 5 min read