ProBefore After

Before After element highlights differences between two images

Before After element highlights differences between two images. Element popup contains following options;

Images tab

  1. Before image  -  Select before image.
  2. After image  -  Select after image.

Settings tab

  1. Compare metrics  -  Set script metrics and handle colors. See help for more info.
  2. Images size  -  Select the images size to be used.
  3. Container box style  -  Adjust .thz-before-after-container box style.
  4. Container metrics  -  Add custom class or ID to HTML container and adjust visibility on specific devices.

Effects tab

  1. Animate container  -  Add animation to the HTML container.
  2. Container parallax  -  Activate/deactivate container parallax.