Shadow Span - 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>Shadow Span</title> <style> .shadow-span { font-size: 24px; font-weight: bold; display: inline-block; padding: 10px 20px; margin: 20px; background: linear-gradient(45deg, #ff512f, #dd2476); color: white; border-radius: 10px; box-shadow: 0 10px 20px rgba(0, 0, 0, 0.2); cursor: pointer; transition: transform 0.3s ease; } .shadow-span:hover { transform: translateY(-5px); box-shadow: 0 15px 30px rgba(0, 0, 0, 0.3); } .shadow-span i { margin-right: 10px; animation: float 3s ease-in-out infinite; } @keyframes float { 0%, 100% { transform: translateY(0); } 50% { transform: translateY(-10px); } } </style> </head> <body> <span class="shadow-span"> <i>🌟</i> Shadow Text <i>🌟</i> </span> </body> </html>