Using Spyro Before After Effect you can display before and after images that can be easily viewed by sliding the line horizontally to any side of the screen. This is a simple but beautiful module for creating a before and after image comparison effect without writing any code.
To add the Spyro Before After Effect Module to your page first, edit the page using Tatsu and add a section with a column/row and then add the Spyro Before After Effect module in it.
In the Content Tab, you just need to upload the Before and After Images that you’d like to have the sliding effect on. You can use the images from your website or upload new images that you require.
You can style the Before and After Image Slider using the Style Tab. With the available styling options, you can alter the color of the Circle, Line, and Arrows of the Horizontal slider using Hex, RGBA, Color Swatches, or with a Color Palette.
You can also modify the working and behavior of the Before After Effect with advanced options like Spacing, Border, Box Shadow, Animation, CSS Identifiers, and its Visibility.