Вы на многих сайтах такое видели, хотели посторить и не знали как это работает. Многие делают это в фотошопе. Но есть путь намного проще. Создать эффект зеркального отражения для ваших фото очень просто.
Для начала скачайте скрипт Reflection.js, а дальше начнем его настраивать.

По умолчанию размер зеркального отражения равен половине высоты изображения, а уровень прозрачности равен 50%. Чтобы изменить эти параметры, нужно добавить классы rheight и ropacity со значениями высоты и прозрачности:

Нужно учесть особенность - если заданная вами высота будет больше чем размер изображения, то в Internet Explorer эффект будет отсутствовать.
Еще нужно учесть преобразования, которые осуществляет скрипт. ДЛя отображения используется контейнер div, для которого устанавливаются атрибуты style и class. Самому изображению назначается класс reflected.

Например, это изображение:

преобразуется в следующий вид:

Как мы увидели все очень просто. Мы можем за считанные секунды получить красивый эффект отражения, а так же управлять данным эффектом. Кроме того его корректно отображают все браузеры.