Image Compare widget allows to display allow to compare between two images, and that give an attractive before and after effect. You can easily build this widget with EnterAddons.
Using Image Compare Widget :
You can see the below video to get an insight into how you can use the Image Compare Widget, Or you can follow the documentation whichever you find convenient
Firstly, select the Image Compare Widget from the menu bar on the left-hand side of your screen and drag and drop it in the selected area.
Step1
Secondly, from ‘Content’ Section you will get Image Compare Content.
Moreover, from this section you can add image ( original and modified ), and that is given below.
Step2
From ‘Style’ section you can stylize the widget. You will get the Wrapper Style section
Then, from ‘Wrapper Style‘ section you can set margin, padding, border-type, width, height, border-radius, box shadow and background-type respectively.
Step3
Finally, after finishing all the editing click update, and then click on ‘Preview > Preview in new tab’ to see your work live.
That’s it.