Elegant Blue Label - 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>Elegant Blue Label</title> <style> body { display: flex; justify-content: center; align-items: center; min-height: 100vh; background: linear-gradient(135deg, #e0e0e0, #ffffff); margin: 0; font-family: 'Arial', sans-serif; } .label-container { position: relative; display: inline-block; margin: 20px; } .elegant-label { position: relative; padding: 12px 25px; border-radius: 8px; background: linear-gradient(135deg, #2193b0, #6dd5ed); color: #fff; font-size: 18px; font-weight: bold; text-transform: uppercase; box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2); transition: all 0.3s ease; } .elegant-label:hover { transform: scale(1.1); box-shadow: 0 6px 12px rgba(0, 0, 0, 0.3); } </style> </head> <body> <div class="label-container"> <span class="elegant-label">Elegant Blue</span> </div> </body> </html>