Image Comparison

The Image comparison element helps you to showcase the before after result for anything.

Documentation Watch Video

Perfect Image Comparison Element

Elementor image comparison addonElementor image comparison addon
Elementor image comparison addonElementor image comparison addon

Mouse Move On Hover

No click no select necessary to check the before after image. Only mouse hover and see the magic. This is the second version of our Image Comparison element. This is necessary for a mobile compatible website. Audience can touch the screen and move to see the effect.

Mouse Click Variation

Just click anywhere in the right before after image and see. This version is mouse click. That means it will not work on your hover or drag. Click on your mouse and drag your cursor to see the result.

Elementor image comparison addonElementor image comparison addon
Elementor image comparison addonElementor image comparison addon

Vertical Orientation

Here is a vertical orientation demo. I have enabled the mouse hover system in this demo. You can enable any Move Handle from our list. You can see a customized line bar here too. You can create any size of bar with any color. No matter if you want round, square, rectangle or any other shape. Just set value and you are done.

Your Elementor Projects Deserve the Best

Get Master Addons Now

© 2021 - Master Addons| All rights reserved

Master Addons Demos

Heading

Animated Headlines
Dual Heading
Gradient Headline

Image

Image Hover Effects
Image Hotspot
Filterable Image Gallery
Image Comparison
Gallery Slider
Advanced Image

Content

Advanced Accordion
Tabs
Toggle Content
Team Member
Team Slider
Infobox
Flipbox
Blog
Timeline
Business Hours
Pricing Table
Restrict Content
Dynamic Table

Special Elements

Call to Action
Tooltip
Progress Bar
Progress Bars
Creative Button
Creative Links
News Ticker
Table of Contents
Current Time
Domain Search
Nav Menu
Search
Blockquote
Counter Up
Countdown Timer

Extensions

Particles
Animated Gradient BG
Reading Progress Bar
Background Slider
Custom CSS
Custom JS
Positioning
Container Extras
Mega Menu
Entrance Animation
Transforms
Rellax
Reveal
Header,Footer,Comment
Display Conditions
Dynamic Tags
Floating Effects
Custom Breakpoints
Post/Page Duplicator
Wrapper Link

Contact Form

Contact Form 7
Ninja Form
WP Forms
Gravity Forms
Caldera Forms
weForms