教程开始：

图片地址：https://dahkk.lanzoul.com/itDeU1xwh6ni

首先将上方原神图片保存下来上传至你的网站。当然也可以用自己的，但是图片需要清晰可见，然后再将以下代码添加到自定义css代码中！效果可看本站！

/*原神启动*/
body:after {
    content: " ";
    position: fixed;
    inset: 0;
    background-color: white;
    z-index: 999;
    background-image: url(图片链接);
    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;
  }
}