test-css和html
2024-08-22 15:49:21
发布于：广东
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>I like ACGO</title> <style> body { background: linear-gradient(145deg, #EE82EE 25%, #00D1FF 100%); display: flex; justify-content: center; align-items: center; height: 100vh; margin: 0; font-family: 'Arial', sans-serif; } .neon-text { font-size: 60px; color: #00ff00; text-shadow: 0 0 10px #fff, 0 0 20px #00ccff, 0 0 30px #00ccff, 0 0 40px #00ccff, 0 0 50px #00ccff, 0 0 60px #00ccff, 0 0 70px #00ccff; animation: neon-glow 1.5s ease-in-out infinite alternate; } @keyframes neon-glow { from { text-shadow: 0 0 5px #fff, 0 0 10px #00ccff, 0 0 15px #00ccff, 0 0 20px #00ccff, 0 0 25px #00ccff, 0 0 30px #00ccff, 0 0 35px #ff00ff; } to { text-shadow: 0 0 20px #fff, 0 0 30px #ff00ff, 0 0 40px #ff00ff, 0 0 50px #ff00ff, 0 0 60px #ff00ff, 0 0 70px #ff00ff, 0 0 80px #ff00ff; } } </style> </head> <body> <div class="neon-text">I like ACGO</div> </body> </html>
有帮助，赞一个