Neon Lights File Upload - MeggiTools
Run
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 Lights File Upload</title> <style> body, html { margin: 0; padding: 0; font-family: 'Courier New', monospace; background: #000; display: flex; justify-content: center; align-items: center; height: 100vh; } .upload-container { background: #222; border-radius: 20px; padding: 30px; max-width: 500px; width: 100%; text-align: center; position: relative; box-shadow: 0 0 20px rgba(0, 255, 0, 0.5); } .upload-title { font-size: 28px; color: #0f0; margin-bottom: 20px; text-shadow: 0 0 10px #0f0; } .upload-box { background: #333; border: 3px solid #0f0; border-radius: 15px; padding: 20px; cursor: pointer; transition: background 0.3s; } .upload-box:hover { background: #444; } .upload-box input[type="file"] { display: none; } .upload-box .icon { font-size: 50px; color: #0f0; margin-bottom: 10px; } .upload-box .text { font-size: 20px; color: #0f0; } </style> </head> <body> <div class="upload-container"> <div class="upload-title">Neon Lights</div> <div class="upload-box" onclick="document.getElementById('file-upload').click()"> <input type="file" id="file-upload" /> <div class="icon">🎇</div> <div class="text">Click or Drag to Upload</div> </div> </div> <script> document.getElementById('file-upload').addEventListener('change', function() { alert('File selected!'); }); </script> </body> </html>