<!DOCTYPE html> <html> <head> <style> img:hover { transform: scaleX(-1); } </style> </head> <body> <h2>Flip an Image</h2> <p>Mousing over the picture will reveal:</p> <img src="examples/resources/dog.jpg" alt="dog" width="400" height="300"> </body> </html>