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

Question

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

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

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

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

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

Answer 1

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

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