外观-自定义-额外css-添加以下代码

<!–背景云雾特效–>
{margin:0;padding:0}html{box-sizing:border-box}*,*:before,*:after{box-sizing:inherit}figure{margin:0}.absolute-bg{position:absolute;top:0;left:0;z-index:0;height:100%;width:100%;background-position:50%;background-repeat:no-repeat;background-size:cover;overflow:hidden}.fog{position:relative;height:100vh;width:100%;position:fixed;top:0;z-index:-1}.fog__container{position:absolute;height:100%;width:100%;overflow:hidden}.fog__img{position:absolute;height:100vh;width:300vw}.fog__img–first{background:url(“https://cdn.jsdelivr.net/gh/baomihuahua/boxmoeimg@0651f0fc4ea6a83335b232d939d51dbe2a0de59f/2021/11/23/3c0e61e9fe3f913c80548579fac21579.png”) repeat-x;background-size:contain;background-position:center;-webkit-animation:marquee 60s linear infinite;animation:marquee 60s linear infinite}.fog__img–second{background:url(“https://cdn.jsdelivr.net/gh/baomihuahua/boxmoeimg@0651f0fc4ea6a83335b232d939d51dbe2a0de59f/2021/11/23/3c0e61e9fe3f913c80548579fac21579.png”) repeat-x;background-size:contain;background-position:center;-webkit-animation:marquee 40s linear infinite;animation:marquee 40s linear infinite}@media screen and (max-width:767px){.fog__img–first{-webkit-animation:marquee 6s linear infinite;animation:marquee 6s linear infinite}.fog__img–second{-webkit-animation:marquee 6s linear infinite;animation:marquee 6s linear infinite}}@-webkit-keyframes marquee{0%{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}100%{-webkit-transform:translate3d(-200vw,0,0);transform:translate3d(-200vw,0,0)}}@keyframes marquee{0%{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}100%{-webkit-transform:translate3d(-200vw,0,0);transform:translate3d(-200vw,0,0)}}
<!–云雾特效结束–>

主题目录下 themes/你的主题名/header.php或者footer.php里添加都可以

<!–背景云雾特效–>
<section class=”fog”>
<div class=”fog__container”>
<div class=”fog__img fog__img–first”></div>
<div class=”fog__img fog__img–second”></div>
</div>
</section>
<!–云雾特效结束–>

如果图片失效,请下载替换上去

资源下载
免费资源
文件1地址点击下载
客服QQ2086094915