Input
Output
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>CSS Transition Example</title> <style> button { padding: 10px 20px; font-size: 16px; cursor: pointer; background-color: #4CAF50; color: white; border: none; border-radius: 5px; transition: background-color 0.3s ease; /* Transition for background-color */ } button:hover { background-color: #45a049; } </style> </head> <body> <button>Hover Over Me</button> </body> </html>