Input
Output
<!DOCTYPE html> <html> <head> <style> .box { width: 200px; height: 100px; background-color: lightgray; transition: background-color 0.5s ease; text-align: center; line-height: 100px; } .box:hover { background-color: lightgreen; } </style> </head> <body> <div class="box">Hover me</div> </body> </html>