🌟 博客微信小程序已上线.小程序内可更方便、更直接查看本站的内容! 立即查看 →
经验分享 1 分钟阅读

一个简单的过场动画的样式CSS

body:after {
content: " ";
position: fixed;
inset: 0;
background-color: white;
z-index: 999;
background-image: url(https://ttimg.cn/logo1.svg);
background-repeat: no-repeat;
background-position: center;
background-size: 20%;
animation: fadeOut 2s;
animation-fill-mode: forwards;
-webkit-transition: fadeOut 2s;
transition: fadeOut 2s;
pointer-events: none;
background-color: #fff;
}
@keyframes fadeOut {
50% {
opacity: 1;
}

100% {
opacity: 0;
}
}

0

  1. 没有评论。

发表回复

您的邮箱地址不会被公开。 必填项已用 * 标注