所以我有一张背景图片(background:url(my_image.jpg) no-repeat;
),我需要对该图片进行反思,你可以在这里看到,我的意思是:http://www.imgmodels.com/。
有没有办法做到这一点,使用JS脚本或css hacks ......?
最诚挚的问候,
答案 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