Create Mirror Image Using CSS3

by muthu 2014-02-17 11:52:42

Create Mirror Image Using CSS3
-----------------------------------------DEMO---------------------------------------------
miror.jpg
-----------------------------------------CSS3---------------------------------------------
div { float:left; }
img { margin:1px; border:5px solid #f00; }
img:hover { border:5px solid #ff0; }
.img { -moz-transform: scaleX(-1); -o-transform: scaleX(-1); -webkit-transform: scaleX(-1); transform: scaleX(-1); filter: FlipH; -ms-filter: "FlipH"; }

-----------------------------------------HTML5---------------------------------------------
<h2>Create Mirror Image Using CSS3</h2>
<div><h3>Oiginal Image</h3><img src="cute.jpg"></div>
<div><h3>Mirror Image</h3><img class="img" src="cute.jpg"></div>

-----------------------------------------IMAGE---------------------------------------------
cute.jpg
890
like
0
dislike
0
mail
flag

You must LOGIN to add comments