根据与链接元素的接近程度淡入背景图像

时间:2014-02-03 21:40:55

标签: jquery css image

好吧我甚至没有试过谷歌搜索谷歌,或试图编码,因为我甚至不知道它是否可能。我不知道甚至要搜索什么。我基本上问它是否可能,如果有人可能链接到可以帮助我尝试构建它的东西。

好的,我想要构建的是一个100%高/宽的页面。它将包含一个100%高/宽的图像,但模糊,单色和黑暗。我可以使用CSS处理这两个部分。

在屏幕中央将是一个漂浮在图像上的链接。可能有些大文字。也没问题。

现在是有趣的一点。我想要的是,知道是否可以根据你到达顶部div中的链接的距离逐渐影响背景div中的图像?理想情况下,鼠标越接近中间的链接,后部div中的图像将变得不模糊,规则的对比度/亮度和常规饱和度。如果它们是朝向链接的50%,则图像变得模糊50%强度,50%亮度,50%饱和度....

可能吗?如果不是我的其他办法只是在点击链接时删除背面图像上的所有过滤器。

提前致谢!

0 个答案:

没有答案