Before After element highlights differences between two images. Element popup contains following options;
Images tab
- Before image - Select before image.
- After image - Select after image.
Settings tab
- Compare metrics - Set script metrics and handle colors. See help for more info.
- Images size - Select the images size to be used.
- Container box style - Adjust .thz-before-after-container box style.
- Container metrics - Add custom class or ID to HTML container and adjust visibility on specific devices.
Effects tab
- Animate container - Add animation to the HTML container.
- Container parallax - Activate/deactivate container parallax.