Toggle navigation
☰
HTML
CSS
Scripting
Database
<!DOCTYPE html> <html> <head> <style> body { font-family: Arial, sans-serif; padding: 30px; } .btn { display: inline-block; padding: 12px 24px; background-color: #007bff; color: white; text-decoration: none; border-radius: 5px; font-weight: bold; /* Smooth transition for hover effects */ transition: background-color 0.3s ease, transform 0.2s ease; } /* Hover effect */ .btn:hover { background-color: #0056b3; transform: translateY(-2px); /* Slight lift effect */ } </style> </head> <body> <a href="#" class="btn">Styling a link as a button</a> </body> </html>
