Show off your post-processing/retouching ability by adding a "before-and-after" comparison of your editing skills to your page!


Add an HTML block to the page and add this HTML code to it:
Add this CSS to the block's CSS tab, or to your theme's CSS:
In the HTML, just replace the two links to the images to your own photos! Here's what the finished result looks like. Swipe from left to right to reveal the "before" image.


Do you want to start off by showing the entire After image? Add this CSS to the bottom:
Or you can show the entire Before image instead by adding this CSS:
Do you want the mouse to snap directly to the cursor while hovering, instead of using the smooth transition? Add this CSS:
Powered by SmugMug Owner Log In