Image Comparison
You might not have noticed the differences between two similar images before. But you will be able to detect even the slightest differences relying on our elements.
Label Settings
Element gives you powerful options to change style of lables as well as position. You can also enable labels to show or hide. See examples below.
Label Centered
Label Top & Bottom
Handle Type to Choose
There are 6 types of handle from Simple to Diamond. You can choose anything among of 6 types and each one decorate your website beautifully.
Simple
Line
Circle
Rectangle
Arrow
Diamond
Control Motion & Handle Offset
There are 3 ways to control the motion of handle by default, Drag, Drag & Click and Hover. Choose anyone you want.
Drag
Drag & Click
Hover
You Can Make
Awesome Image Compare
Extensive styling options for Image Comparison are ready. Everything is perfect to assure your customization.
- Give radius effects.
- Control size and color of handle.
- Control styles of label.
- Give shadow effect.
Glossary
Image Comparison Element Options
Customize Elements Globally or Individually
- Before Image Label: Input label for first image.
- Before Image: Input first image.
- After Image Label: Input label for second image.
- After Image: Input second image.
- Image Size: Choose the size of images.
- Show Labels: Toggle to decide whether label is shown or not.
- Label Position: Choose position of label.
- Direction: Decide direction of handle.
- Handle Type: Choose your handle.
- Handle Control: Decide how to control handle.
- Handle Offset: Control first position of handle.
- Border Radius: Control curve size of image in its corner.
- Handle Size: Control width of handle.
- Handle Color: Control color of handle.
- Handle Background Color: Control background color of handle.
- Box Shadow: Control shadow effect of handle.
- Text Color: Control color of labels.
- Typography: Styling options for labels.