Как применить blur к gif, которые рандомно вставляются JS?

Question

[dhat]

Скрипт рандомно выбирает гифку и ставить ее background-image для body. Хочу еще сверху повесить блур, но проблема, что он применяется только к контенту поверх самой фоновой гифки, а не к самой гифке. Как это сделать?

var totalCount = 11;
    function ChangeIt()
    {
        var num = Math.ceil( Math.random() * totalCount );
        document.body.style.webkitFilter = "blur(15px)";
        document.body.background = '/static/img/'+num+'.gif';
    document.body.style.backgroundRepeat = "repeat";// Background repeat
    
    }
    window.onload = ChangeIt;

Если пишу в CSS в body - эффект тот же самый.

Answer 1

[riot26]

https://stackoverflow.com/questions/20411257/css-b...

Comments

[dhat]

Это не то что мне нужно, это я читал и пробовал. У меня гифки подставляются скриптом.

[dhat]

Даже в названии этого вопроса все совершенно наоборот, читайте внимательнее!