How TO - Flip an Image
Learn how to flip an image (add a mirror effect) with CSS.
Move your mouse over the image:
How To Flip an Image
Example
<style>
img:hover {
-webkit-transform: scaleX(-1);
transform: scaleX(-1);
}
</style>
<img src="paris.jpg"
alt="Paris">
Try it Yourself »
Note: This example does not work on tablets or mobile phones.
Tip: Go to our CSS 3D Transforms Tutorial, to learn more about 3D transformations.
