<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Serus Gradient</title> <style> body { background-color: #000; display: flex; justify-content: center; align-items: center; height: 100vh; margin: 0; } h1 { font-size: 100px; font-family: Arial, sans-serif; background: linear-gradient(45deg, #FFD700, #FFA500, #FF8C00); -webkit-background-clip: text; -webkit-text-fill-color: transparent; animation: gradient 3s infinite; } @keyframes gradient { 0% { background-position: 0% 50%; } 100% { background-position: 100% 50%; } } </style> </head> <body> <h1>Serus</h1> </body> </html> Code <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Serus Gradient</title> <style> body { background-color: #000; display: flex; justify-content: center; align-items: center; height: 100vh; margin: 0; } h1 { font-size: 100px; font-family: Arial, sans-serif; background: linear-gradient(45deg, #FFD700, #FFA500, #FF8C00); -webkit-background-clip: text; -webkit-text-fill-color: transparent; animation: gradient 3s infinite; } @keyframes gradient { 0% { background-position: 0% 50%; } 100% { background-position: 100% 50%; } } </style> </head> <body> <h1>Serus</h1> </body> </html>