georgich
@georgich

Как реализовать эффект «замыливания» на jQuery?

Приветствую.
Есть вот такой пример: codepen.io/jackrugile/pen/EyABe
В нем показан эффект с текстом в ячейках. Если же в ячейку добавить изображение, то эффект на этой ячейке работать не будет. Разметка моей страницы выглядит таким образом:
...
	<div class="box">
		<img src="http://xakeroff.net/img/avatars/0001/32/6d/15522-1331035428.png">
		<p>Some text</p>
		<p>Some text</p>
	</div>
	<div class="box">
		<img src="http://xakeroff.net/img/avatars/0001/32/6d/15522-1331035428.png">
		<p>Some text</p>
		<p>Some text</p>		
	</div>
...

Таких div'ов может быть сколь угодно. Отсюда у меня и возникло ощущение, что это надо как-то реализовать на jQuery. В итоге задача получается такой: изначально все блоки видны нормально, а при наведении курсором на один из блоков, остальные - "замыливаются". Подскажите, пожалуйста, какие методы нужно посмотреть в jQuery, чтобы реализовать такой эффект.
Спасибо!
  • Вопрос задан
  • 2328 просмотров
Решения вопроса 1
georgich
@georgich Автор вопроса
Спасибо. Сам нашел, что искал:
tympanus.net/Tutorials/ItemBlur
Ответ написан
Комментировать
Пригласить эксперта
Ответы на вопрос 2
deleted-tnorman
@deleted-tnorman
Там реализация через text-shadow и box-shadow, CSS3.
Насколько я понял, там js вообще нету.
Ответ написан
Taraflex
@Taraflex
Ищу работу. Контакты в профиле.
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы
SummerWeb Ярославль
от 120 000 до 180 000 ₽
КРАФТТЕК Санкт-Петербург
от 60 000 до 80 000 ₽
Brightdata Тель-Авив
от 5 500 до 6 500 $
20 июн. 2024, в 11:19
10000 руб./за проект
20 июн. 2024, в 11:03
100000 руб./за проект