SOURCE

function init() {
    let i=8; 
    setInterval(()=>{
        const domTemp = document.getElementById("blur"+i);
        // setdomBlur(domTemp);
        cleanbulr(domTemp);
        if(i!=1){
            const domTemplast = document.getElementById("blur"+(i-1));
            // cleanbulr(domTemplast);
            setdomBlur(domTemplast);
            i--;
        }else{
            const domTemplast = document.getElementById("blur"+(8));
            // cleanbulr(domTemplast);
            setdomBlur(domTemplast);
            i=8;
        }
    },1000/60);
        
}

function setdomBlur(dom) {
    dom.style.backdropFilter="blur(3px)";
}

function cleanbulr(dom) {
    dom.style.backdropFilter="unset";
}

init();

<div class="blurCon">
    <div id="blur1" class="blurInner"></div>
    <div id="blur2" class="blurInner"></div>
    <div id="blur3" class="blurInner"></div>
    <div id="blur4" class="blurInner"></div>
    <div id="blur5" class="blurInner"></div>
    <div id="blur6" class="blurInner"></div>
    <div id="blur7" class="blurInner"></div>
    <div id="blur8" class="blurInner"></div>
</div>


<div class="contan">
    高德Web服务API向开发者提供HTTP接口，开发者可通过这些接口使用各类型的地理数据服务，返回结果支持JSON和XML格式。
    Web服务API对所有用户开放。使用本组服务之前，需要申请应用Key。不同类型用户可获取不同的数据访问能力。注册成为高德开发者需要分三步：
    第一步，注册高德开发者；
    第二步，去控制台创建应用；
    第三步，获取Key。
    具体步骤可参看下图高德Web服务API向开发者提供HTTP接口，开发者可通过这些接口使用各类型的地理数据服务，返回结果支持JSON和XML格式。
    Web服务API对所有用户开放。使用本组服务之前，需要申请应用Key。不同类型用户可获取不同的数据访问能力。注册成为高德开发者需要分三步：
    第一步，注册高德开发者；
    第二步，去控制台创建应用；
    第三步，获取Key。
    具体步骤可参看下图高德Web服务API向开发者提供HTTP接口，开发者可通过这些接口使用各类型的地理数据服务，返回结果支持JSON和XML格式。
    Web服务API对所有用户开放。使用本组服务之前，需要申请应用Key。不同类型用户可获取不同的数据访问能力。注册成为高德开发者需要分三步：
    第一步，注册高德开发者；
    第二步，去控制台创建应用；
    第三步，获取Key。
    具体步骤可参看下图高德Web服务API向开发者提供HTTP接口，开发者可通过这些接口使用各类型的地理数据服务，返回结果支持JSON和XML格式。
    Web服务API对所有用户开放。使用本组服务之前，需要申请应用Key。不同类型用户可获取不同的数据访问能力。注册成为高德开发者需要分三步：
    第一步，注册高德开发者；
    第二步，去控制台创建应用；
    第三步，获取Key。
    具体步骤可参看下图高德Web服务API向开发者提供HTTP接口，开发者可通过这些接口使用各类型的地理数据服务，返回结果支持JSON和XML格式。
    Web服务API对所有用户开放。使用本组服务之前，需要申请应用Key。不同类型用户可获取不同的数据访问能力。注册成为高德开发者需要分三步：
    第一步，注册高德开发者；
    第二步，去控制台创建应用；
    第三步，获取Key。
    具体步骤可参看下图高德Web服务API向开发者提供HTTP接口，开发者可通过这些接口使用各类型的地理数据服务，返回结果支持JSON和XML格式。
    Web服务API对所有用户开放。使用本组服务之前，需要申请应用Key。不同类型用户可获取不同的数据访问能力。注册成为高德开发者需要分三步：
    第一步，注册高德开发者；
    第二步，去控制台创建应用；
    第三步，获取Key。
    具体步骤可参看下图高德Web服务API向开发者提供HTTP接口，开发者可通过这些接口使用各类型的地理数据服务，返回结果支持JSON和XML格式。
    Web服务API对所有用户开放。使用本组服务之前，需要申请应用Key。不同类型用户可获取不同的数据访问能力。注册成为高德开发者需要分三步：
    第一步，注册高德开发者；
    第二步，去控制台创建应用；
    第三步，获取Key。
    具体步骤可参看下图高德Web服务API向开发者提供HTTP接口，开发者可通过这些接口使用各类型的地理数据服务，返回结果支持JSON和XML格式。
    Web服务API对所有用户开放。使用本组服务之前，需要申请应用Key。不同类型用户可获取不同的数据访问能力。注册成为高德开发者需要分三步：
    第一步，注册高德开发者；
    第二步，去控制台创建应用；
    第三步，获取Key。
    具体步骤可参看下图高德Web服务API向开发者提供HTTP接口，开发者可通过这些接口使用各类型的地理数据服务，返回结果支持JSON和XML格式。
    Web服务API对所有用户开放。使用本组服务之前，需要申请应用Key。不同类型用户可获取不同的数据访问能力。注册成为高德开发者需要分三步：
    第一步，注册高德开发者；
    第二步，去控制台创建应用；
    第三步，获取Key。
    具体步骤可参看下图高德Web服务API向开发者提供HTTP接口，开发者可通过这些接口使用各类型的地理数据服务，返回结果支持JSON和XML格式。
    Web服务API对所有用户开放。使用本组服务之前，需要申请应用Key。不同类型用户可获取不同的数据访问能力。注册成为高德开发者需要分三步：
    第一步，注册高德开发者；
    第二步，去控制台创建应用；
    第三步，获取Key。
    具体步骤可参看下图高德Web服务API向开发者提供HTTP接口，开发者可通过这些接口使用各类型的地理数据服务，返回结果支持JSON和XML格式。
    Web服务API对所有用户开放。使用本组服务之前，需要申请应用Key。不同类型用户可获取不同的数据访问能力。注册成为高德开发者需要分三步：
    第一步，注册高德开发者；
    第二步，去控制台创建应用；
    第三步，获取Key。
    具体步骤可参看下图高德Web服务API向开发者提供HTTP接口，开发者可通过这些接口使用各类型的地理数据服务，返回结果支持JSON和XML格式。
    Web服务API对所有用户开放。使用本组服务之前，需要申请应用Key。不同类型用户可获取不同的数据访问能力。注册成为高德开发者需要分三步：
    第一步，注册高德开发者；
    第二步，去控制台创建应用；
    第三步，获取Key。
    具体步骤可参看下图高德Web服务API向开发者提供HTTP接口，开发者可通过这些接口使用各类型的地理数据服务，返回结果支持JSON和XML格式。
    Web服务API对所有用户开放。使用本组服务之前，需要申请应用Key。不同类型用户可获取不同的数据访问能力。注册成为高德开发者需要分三步：
    第一步，注册高德开发者；
    第二步，去控制台创建应用；
    第三步，获取Key。
    具体步骤可参看下图高德Web服务API向开发者提供HTTP接口，开发者可通过这些接口使用各类型的地理数据服务，返回结果支持JSON和XML格式。
    Web服务API对所有用户开放。使用本组服务之前，需要申请应用Key。不同类型用户可获取不同的数据访问能力。注册成为高德开发者需要分三步：
    第一步，注册高德开发者；
    第二步，去控制台创建应用；
    第三步，获取Key。
    具体步骤可参看下图高德Web服务API向开发者提供HTTP接口，开发者可通过这些接口使用各类型的地理数据服务，返回结果支持JSON和XML格式。
    Web服务API对所有用户开放。使用本组服务之前，需要申请应用Key。不同类型用户可获取不同的数据访问能力。注册成为高德开发者需要分三步：
    第一步，注册高德开发者；
    第二步，去控制台创建应用；
    第三步，获取Key。
    具体步骤可参看下图
</div>

.blurCon{
    width: 100%;
    height: 99%;
    position: fixed;
    pointer-events: none; 
    display: flex;
    flex-wrap: wrap;
}
.blurInner{
    width: 50%;
    height: 25%;
    /* backdrop-filter: blur(10px); */
}
.contan{
    /* width: 50% */
}