شريط مقارنة قبل وبعد.

The after image is cropped to the shape of the before image; images are reduced to 1600 px. Runs in your browser.

The HTML file embeds both images and a few lines of script; the top image is clipped at the slider position with CSS clip-path.

A renovation photo pair becomes a slider you can drag left and right, with “Before” and “After” labels.