2

我试图找出是否有一个 jQuery 插件可以产生字面上模糊页面上的元素的效果，因此用户无法阅读它们。它适用于我正在构建的抽认卡应用程序，我希望能够隐藏卡片的答案部分，使其看起来没有焦点，就好像您正在通过模糊的窗口查看它一样，可能带有某种叠加层。jQuery 有这么多的插件和效果，我敢打赌这样的一个存在，但是谷歌搜索“jQuery 模糊效果”之类的结果可以预见地出现与幻灯片效果相关的结果，而不是我正在寻找的结果。有没有人听说过可以做这样的事情的插件？

4

4 回答 4

3

我不得不实现类似的东西。我只是使用了一个透明的 PNG（嗯，显然大多数 PNG 都不透明），透明的口袋很小。足以让用户得到文本的提示，但看不到它。并不是真正的模糊 - 更像是棋盘游戏 Outburst 在将卡片放在红色解码器后面之前所做的事情。我只是将覆盖 div 的背景图像设置为 PNG 并相应地调整大小。

于 2010-02-19T01:32:40.883 回答
1

你可以用 CSS3 做到这一点：

    #hidden {
    color: transparent;
    text-shadow: #6374AB 0px 0px 20px;
}

编辑更多信息：目前仅适用于基于 WebKit 的浏览器。此处的跨浏览器文本阴影信息： 创建跨浏览器兼容的 CSS 文本阴影

于 2010-02-19T01:10:34.577 回答
1

使用滑动门技术怎么样？您可以有一个小的垂直切片 png，它“模拟”一片模糊文本，带有两个圆形边缘模糊块以覆盖每一侧。然后，您可以使用此模糊图像集创建一个覆盖/切换 div，该图像集的宽度与单词的字符数相似并隐藏该单词。

于 2010-02-19T01:59:47.913 回答
0

这里有一些使用 css3 执行此操作的示例：http: //css-tricks.com/9053-fun-with-blurred-text/

于 2011-09-02T12:17:13.290 回答