Programming Exercises

Design a hover effect where a button reveals hidden text below it.

Hard

Problem Statement

Design a hover effect where a button reveals hidden text below it.

Sample Output

Hovering over the button reveals the hidden text with a smooth transition.

Limits

Time: 2s · Memory: 256 MB

Code Editor
00:00
<!DOCTYPE html> <html> <head> <style> /* Add CSS here to create the hover reveal effect */ </style> </head> <body> <button class="reveal-button">Hover Me</button> <div class="hidden-text">This text is revealed on hover!</div> </body> </html>
Log in or sign up to run or submit your code.Log inSign up
Expected Output
Hovering over the button reveals the hidden text with a smooth transition.