Xtn/Yuanshen

给你的网站添加原神启动

在你主题合适的位置添加以下代码，我放的是layouts\partials\home.html

<style>
body:after {
   content: " ";
   position: fixed;
   inset: 0;
   background-color: white;
   z-index: 999;
   background-image: url(https://cdn.jsdelivr.net/gh/xtnu/blog/img/yuanshen.svg);
   background-repeat: no-repeat;
   background-position: center;
   background-size: 30%;
   animation: fadeOut 3s;
   animation-fill-mode: forwards;
   -webkit-transition: fadeOut 3s;
   transition: fadeOut 3s;
   pointer-events: none;
}
@keyframes fadeOut {
 50% {
   opacity: 1;
 }

 100% {
   opacity: 0;
 }
}
</style>

演示图