Neon Border Div - VexaX
Run Code
Toggle Theme
Share Link
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Neon Border Div</title> <style> body { background-color: #8e44ad; font-family: 'Arial', sans-serif; display: flex; justify-content: center; align-items: center; height: 100vh; margin: 0; } .neon-div { background-color: #2c3e50; border: 5px solid #e74c3c; border-radius: 15px; padding: 30px; color: white; text-align: center; position: relative; animation: neon 1.5s infinite; } @keyframes neon { 0%, 100% { box-shadow: 0 0 20px #e74c3c, 0 0 30px #e74c3c, 0 0 40px #e74c3c, 0 0 50px #e74c3c; } 50% { box-shadow: 0 0 10px #e74c3c, 0 0 20px #e74c3c, 0 0 30px #e74c3c, 0 0 40px #e74c3c; } } </style> </head> <body> <div class="neon-div"> <div>🔮 Neon Magic</div> </div> </body> </html>