*{margin:0;padding:0;box-sizing:border-box}body{justify-content:center;min-height:100%}.scan,body{display:flex;align-items:center}.scan{position:relative;flex-direction:column}.scan .qrcode{position:relative;width:400px;height:400px}.scan .qrcode,.scan .qrcode:before{background-image:var(--bgOldUrl);background-size:400px}.scan .qrcode:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;filter:blur(0);overflow:hidden;z-index:2;animation:animate 3s linear infinite}@keyframes animate{0%,to{height:0}50%{height:100%}}.scan .qrcode:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;filter:blur(3px);background-image:var(--bgNewUrl);background-size:400px;z-index:1}