При загрузке определённой области страницы заблюрить её?

Question

[Fqwd123]

У меня есть div в котором лежит карусель из iframe-ов, при клике на стрелочку, они начинают перерисовывается, как сделать что бы пока это происходит, эта область в div-е была заблюрена скажем пол секунды?

Answer 1

[Aricus]

Сделать CSS-класс с
filter: blur(10px);
Перед запуском прорисовки в JS добавить класс, после окончания (если можно это отследить в js) или через полсекунды - убрать. В чём конкретно сложность?

Comments

[Fqwd123]

да я просто не указал в вопросе, где то на подсознательном уровне помню что в jQuery есть функция которая как раз это делает( контент блюрится и блюр понемногу спадает), но не могу её никак найти. А так я в принципе так и сделал как вы написали

[Aricus]

Если и есть, то не гуглится. А постепенно можно и в CSS сделать, через transition.