Twenty20 Image Before-After

Twenty20 is a professional-grade image comparison tool that helps you showcase transformations in a highly engaging way. Perfect for: Photography portfolios Real estate before/after Renovation projects Design makeovers Product comparisons Restoration work Medical procedures And much more! Video Tutorial Live Demo Check the Live Demo. Key Features Responsive design – works perfectly on all devices Horizontal and vertical sliding options Customizable slider position and orientation Custom “before” and “after” labels Adjustable image widths and alignments Mouse hover sliding effect Touch-enabled for mobile devices Multiple sliders per page Widget support for sidebars SEO-friendly with proper alt tag support Accessibility compliant image comparisons Page Builder Support Elementor WPBakery Page Builder (Visual Composer) Flatsome UX Builder Classic Editor Perfect For Photography before/after edits Home renovation comparisons Web design makeovers Product transformations Restoration projects Beauty transformations Real estate renovations Usage Shortcode Example Quick Example [twenty20 img1="" img2="" direction="vertical" offset="0.5" align="right" width="60%" before="Before" after="After" hover="true"] Shortcode Parameters img1 – image ID. img2 – image ID. offset – range from 0.1 to 1.0. direction – horizontal|vertical. align – none|right|left. width – supports both px and %. before – text for the “before” label. after – text for the “after” label. hover – true or false.