Затухание мозаичного фонового изображения при загрузке с помощью JQuery

Question

Я использовал JQuery в прошлом, чтобы постепенно увеличивать и уменьшать частоту. Тем не менее, я столкнулся с ситуацией, которую я не могу обернуть вокруг:

Я пишу сайт для дизайнера, который основал форматирование всех элементов на созданном им шаблоне сетки. Поскольку он хочет, чтобы элементы шаблона были одинакового размера независимо от окна браузера, я думаю, что я могу сделать это только через повторяющееся фоновое мозаичное изображение в CSS.

Теперь он хочет, чтобы фоновый рисунок (только) становился темным и блеклым до очень светлого, не влияя ни на какие другие элементы.

Правильно ли я считаю, что нельзя использовать шаблон мозаичного фона с помощью селектора CSS?

У кого-нибудь есть предложения об обходе этой проблемы?

Answer 1

Если у вас есть div с абсолютным позиционированием, и все остальное поверх него, вы можете постепенно увеличивать и уменьшать этот div.

Вы также можете попробовать разместить фильтры с непрозрачностью в CSS, чтобы они исчезли, не совсем то же самое, но похожая концепция. Вам придется использовать несколько разных методов для разных браузеров.