寻找可以模糊/隐藏文本的jQuery插件
寻找可以模糊/隐藏文本的jQuery插件
提问于 2010-02-19 09:05:11
我正在尝试找出是否有一个jQuery插件可以具有模糊页面元素的效果，这样用户就无法阅读它们。这是我正在构建的一个闪存卡应用程序，我希望能够隐藏卡上的答案部分，让它看起来像是通过模糊的窗口看起来没有焦点，可能有某种覆盖。jQuery有如此之多的插件和特效，我打赌肯定有这样的插件和特效，然而，在谷歌上搜索"jQuery模糊特效“之类的，果然会出现与幻灯片特效相关的结果，而不是我想要的结果。有没有人听说过一个插件可以做这样的事情？
回答 4
Stack Overflow用户
回答已采纳
发布于 2010-02-19 09:32:41
我不得不实现类似的东西。我只是使用了一个透明的PNG (很明显，大部分PNG是不透明的)，只有很小的透明度。足够了，这样用户可以得到文本的提示，但不会真正看到它。不是真正的模糊-更像是棋盘游戏在你把卡片放在红色解码器后面之前所做的事情。我只是将覆盖div的背景图像设置为PNG，并相应地调整大小。
Stack Overflow用户
发布于 2010-02-19 09:10:35
你可以用CSS3做到这一点：
#hidden {
color: transparent;
text-shadow: #6374AB 0px 0px 20px;
}使用更多信息进行编辑:目前仅适用于基于WebKit的浏览器。跨浏览器文本阴影信息：Creating Cross Browser Compatible CSS Text Shadows
Stack Overflow用户
发布于 2010-02-19 09:59:48
使用推拉门技术怎么样？你可以有一个小的垂直切片的png，它“模拟”一片模糊的文本，用两个圆角的边缘模糊块覆盖每一面。然后，您可以使用此模糊图像集创建一个覆盖/切换的div，该图像集的宽度与单词的字符数相似，并隐藏单词。
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/2293435
复制相关文章
相似问题
腾讯云开发者
