Задать вопрос
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, чтобы реализовать такой эффект.
Спасибо!
  • Вопрос задан
  • 2329 просмотров
Подписаться 2 Оценить Комментировать
Решения вопроса 1
georgich
@georgich Автор вопроса
Спасибо. Сам нашел, что искал:
tympanus.net/Tutorials/ItemBlur
Ответ написан
Комментировать
Пригласить эксперта
Ответы на вопрос 2
deleted-tnorman
@deleted-tnorman
Там реализация через text-shadow и box-shadow, CSS3.
Насколько я понял, там js вообще нету.
Ответ написан
Taraflex
@Taraflex
Ищу работу. Контакты в профиле.
Ваш ответ на вопрос

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

Похожие вопросы