Mac OSX Finder 有一个搜索功能,可以使除匹配部分之外的所有内容变暗。
(来源:justaddwater.dk)
有没有办法通过 CSS 模拟它?我正在考虑添加一个不透明度为 50 的半透明黑色 div。但是我该如何在其中切一个洞呢?并可能使边缘模糊?
有什么建议么?
Mac OSX Finder 有一个搜索功能,可以使除匹配部分之外的所有内容变暗。
(来源:justaddwater.dk)
有没有办法通过 CSS 模拟它?我正在考虑添加一个不透明度为 50 的半透明黑色 div。但是我该如何在其中切一个洞呢?并可能使边缘模糊?
有什么建议么?
查看jQuery TOOLS集合中的Expose jquery 插件。我认为它将完全满足您的需求。他们甚至有一个使用背景图像设计面具的演示。
由于形状不规则,您可能正在寻找图像。并且由于需要不同级别的透明度,您可能需要一个 .png,它只会卡在所选项目上。
好问题,一种方法是让一个“选定”的 png 有一个发光的圆圈覆盖选定的那个,而一个不同的只是黑暗的 png 覆盖其他所有东西。
编辑:但你可能想使用像 jquery 这样的库,而不是从你自己开始编写所有东西,以免重新发明轮子并节省大量时间:D
也许一个PNG图像会起作用,一个带孔的正方形