Ищете плагин jQuery, который может размыть/скрыть текст

Question

Я пытаюсь выяснить, есть ли плагин jQuery, который может иметь эффект буквально размытия элементов на странице, поэтому пользователь не может их прочитать. Это приложение для флеш-карт, которое я создаю, и я хочу, чтобы я мог скрыть раздел ответа на карте, создавая впечатление нефокусированным, как если бы вы смотрели на него через размытое окно, возможно, с каким-то наложением. В jQuery есть так много плагинов и эффектов, на которых я ставлю один такой, как это существует, однако поиск по «эффекту размытия jQuery» и т. п. предсказуемо показал результаты, связанные со слайд-эффектами, а не с тем, что я ищу. Кто-нибудь слышал о плагине, который может сделать что-то вроде этого?

Answer 1

Мне пришлось реализовать что-то похожее на это. Я просто использовал прозрачный PNG (ну, очевидно, большая часть PNG была НЕ прозрачной) с небольшими карманами прозрачности. Достаточно, чтобы пользователь мог получить намек на текст, но на самом деле не видел его. Не совсем размытие - больше похоже на то, что делает настольная игра Outburst, прежде чем положить карту за красным декодером. Я просто установил фоновое изображение оверлейного div в PNG и соответственно изменил размер.

Answer 2

Вы могли бы сделать это с помощью CSS3:

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

Редактировать с более подробной информацией: В настоящее время работает только в браузерах на основе WebKit. Кросс-браузерный теневой текст здесь: Creating Cross Browser Compatible CSS Text Shadows

Answer 3

Как об использовании раздвижных дверей техника? у вас может быть небольшой вертикальный разрезанный png, который «имитирует» кусочек размытого текста с двумя закругленными кусками размытия края, чтобы обрезать каждую сторону. вы могли бы затем создать оверлей/переключенный div с этим размытым набором изображений, который будет похож на ширину на число символов слова и скрыть слово.

Answer 4

Есть несколько примеров делают это с помощью CSS3 здесь: http://css-tricks.com/9053-fun-with-blurred-text/