3
个编辑
Chinanjzyq
于2023年10月8日 (星期日)加入
无编辑摘要
<html>
<html>
<head>
<head>
<title> 科技感页面</title>
<title>ZYQ</title>
<style>
<style>
body {
body {
margin: 0;
margin: 0;
padding: 0;
padding: 0;
background-color: #000;
display: flex;
justify-content: center;
align-items: center;
height: 100vh;
background-color: #222;
overflow: hidden;
overflow: hidden;
}
}
height: 100%;
height: 100%;
background-image: url('data:image/png;base64,iVBORw0KGg');
background-image: url('data:image/png;base64,iVBORw0KGg');
background-size: 50px;
background-size: 200px;
background-repeat: repeat;
background-repeat: repeat;
animation: pattern 10s infinite;
animation: pattern 10s linear infinite;
}
}
@keyframes pattern {
@keyframes pattern {
0% {
0% {
background-position: 0 0, 50px 50px;
background-position: 0 0, 200px 0, 0 200px, 200px 200px;
}
}
100% {
100% {
background-position: 0 0, -50px -50px;
background-position: 400px 0, 0 0, 200px 0, 0 200px;
}
}
}
}
.text {
.text {
color: #fff;
color: #fff;
font-size: 48px;
font-size: 48px;
text-align: center;
text-align: center;
margin-bottom: 20px;
}
}
</style>
</style>