CSS Problem z Blurowniem tła

pytanie zadane 5 lipca 2018 w HTML i CSS przez zaqwtx Nowicjusz (120 p.)
zamknięte 5 lipca 2018 przez zaqwtx

Witam

Otóż mam pewien problem którego nie mogę rozwiązać.

<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">

    <!--Title-->
    <title></title>
    <!---->



    <!--CSS-->
    <link rel="stylesheet" href="css/style.css">
    <!---->
    

    

</head>

<body>
    <!--BACKGROUND-->
    
</body>

</html>



/**/

/*background*/

body {
    background-image: url(../img/background/2.jpg);
    animation: animatingBackground 20s infinite;
    animation-timing-function: ease-out;
    background-size: 115%;
}

@keyframes animatingBackground {
    0% {
        background-position: 70% 0;
        background-image: url(../img/background/1.jpg);

    }
    49% {
        background-position: 0% 0;
        background-image: url(../img/background/1.jpg);

    }
    50% {
        background-position: 70% 0;
        background-image: url(../img/background/2.jpg);

    }
    99% {
        background-position: 0% 0;
        background-image: url(../img/background/2.jpg);
    }
    100% {
        background-position: 70% 0;
        background-image: url(../img/background/1.jpg);
    }
}

body::after{
    content: '';
    position: absolute;
    width: 100vw;
    height: 100vh;
    filter: blur(10px);
    
}

Otóż , blur nie działa.

komentarz zamknięcia: Sam rozwiązałem.