Отражение фонового изображения

Question

Итак, у меня есть фоновое изображение (background:url(my_image.jpg) no-repeat;), и мне нужно отражение для этой картинки, вы можете увидеть здесь, что я имею в виду: http://www.imgmodels.com/.

Есть ли способсделать это, используя JS-скрипт или css-хаки ...?

С наилучшими пожеланиями,

Answer 1

Вот плагин jquery, который делает это: http://www.digitalia.be/software/reflectionjs-for-jquery

Answer 2

Вы можете сделать это с помощью чистого CSS, но, к сожалению, только правильно в браузерах Webkit.

См. здесь

Answer 3

Вы можете добиться этого, используя HTML5 canvas и для фильтров IE DirectX, которые помогут вам достичь того же эффекта.Есть также готовая библиотека, которая решает это для вас: http://cow.neondragon.net/stuff/reflection/

Answer 4

Я не знаю ни одного метода css (только если вы обрезаете изображение и создаете новый div под изображением, и добавляете фон с помощью css), но вы можете использовать jquery отражение .