背景图象反射

时间:2010-08-22 13:32:39

标签: javascript jquery html css

所以我有一张背景图片(background:url(my_image.jpg) no-repeat;),我需要对该图片进行反思,你可以在这里看到,我的意思是:http://www.imgmodels.com/

有没有办法做到这一点,使用JS脚本或css hacks ......?

最诚挚的问候,

4 个答案:

答案 0 :(得分:1)

这是一个jquery插件,它执行它: http://www.digitalia.be/software/reflectionjs-for-jquery

答案 1 :(得分:0)

我不知道任何css方法(仅当你裁剪图像并在图像下面创建一个新的div,并添加一个带有css的背景),但你可以使用jquery reflection

答案 2 :(得分:0)

您可以使用HTML5画布实现这一目标,而对于IE DirectX过滤器则可以帮助您实现相同的效果。还有一个预制的库可以为您解决这个问题:http://cow.neondragon.net/stuff/reflection/

答案 3 :(得分:0)

您可以使用纯CSS执行此操作,但遗憾的是只能在Webkit浏览器中正确使用。

请参阅here