<html>
<head>
<meta name="viewport" content="width=device-width, initial-scale=1">
<style>
img:hover {
transform: scaleX(-1);
transform: scaleX(-1);
}
</style>
</head>
<body>
<h2>Flip an Image</h2>
<p>Move your mouse over the image.</p>
<img src="img_paris.jpg" alt="Paris" width="400" height="300">
</body>
<!-- Mirrored from www.w3schools.com/howto/tryit.asp?filename=tryhow_css_flip_image by HTTrack Website Copier/3.x [XR&CO'2014], Mon, 05 Sep 2022 14:31:16 GMT -->
</html>