User:Chinanjzyq
<!DOCTYPE html> <html> <head> <title>科技感页面</title> <style> body { margin: 0; padding: 0; background-color: #000; overflow: hidden; } .pattern { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-image: url('data:image/png;base64,iVBORw0KGg'); background-size: 50px; background-repeat: repeat; animation: pattern 10s infinite; } @keyframes pattern { 0% { background-position: 0 0, 50px 50px; } 50% { background-position: 100px 100px, 0 0; } 100% { background-position: 0 0, -50px -50px; } } .text { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); color: #fff; font-size: 48px; text-align: center; line-height: 100px; } </style> </head> <body>
</body> </html>