How to use the Comparator element

https://www.youtube.com/embed/_n5qjGlE35o?rel=0

The Comparator element allows you to create incredible before-and-after effect, enhancing your website's visual appeal. Whether you're showcasing transformations, product changes, or anything that involves a visual comparison, this feature has got you covered.

You can find and insert a Comparator element from the sidebar.

This is how the Comparator element looks inside the Editor

Important options

•  

  Layer number: The number of images for comparison.

   

  •  

    Two: Before and after images.

     

  •  

    Three: Before, intermediate, and after images.

     

•  

  Separator color: Color of the separator line.

   

•  

  Handle: Color of the handle.

   

•  

  Handle curve: Border radius for the handle.