将以下代码添加至HTML head 标签中
<head>
<!-- 其他head内容 -->
<style>
body {
opacity: 0;
backdrop-filter: blur(0px);
-webkit-backdrop-filter: blur(0px);
animation: blurFadeIn 1s cubic-bezier(0.42, 0, 0.58, 1) forwards;
}
@keyframes blurFadeIn {
from {
opacity: 0;
backdrop-filter: blur(0px);
-webkit-backdrop-filter: blur(0px);
}
to {
opacity: 1;
backdrop-filter: blur(20px);
-webkit-backdrop-filter: blur(20px);
}
}
</style>
</head>
©2024 Cyclone X