
免费领流量卡 | 广告招租 |
给网站加一个原神的动画,当你打开网站的时候就会出现原神启动,并且十分美观,原神的图标我放下面了,并且以css代码实现启动开屏动画!!
原神图
LOGO素材自行下载本地化
可保存上方原神图,也可以用自己的logo自行发挥,但是图片需要清晰可见
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;
}
}

© 版权声明
免责声明:本站采用CC BY-NC-SA 4.0协议,完整转载请注明来自狐狸资源网
THE END
暂无评论内容