Не очень полезная и нужная плюшка. Но в последнее время часто спрашивали. Вот и выкладываю.

transform: matrix(); — создаёт эффект отражения элемента.

[html]
<div><img src="http://s3.uploads.ru/t/u7TS1.jpg" alt=""><br>
<img src="http://s3.uploads.ru/t/u7TS1.jpg" alt="" class="reflect">
</div>
[/html]

[html]
<style>
.reflect {
transform: matrix(1, 0, 0, -5, 0, 0);
opacity: 0.5;
}
</style>
[/html]

Вставляйте 2 одинаковых изображения и наблюдайте данный эффект

HTML

Код:
<div><img src="images/makak.jpg" alt=""><br>
<img src="images/makak.jpg" alt="" class="reflect">
</div>

CSS

Код:
.reflect {
transform: matrix(1, 0, 0, -1, 0, 0);
opacity: 0.5;
}