WEBLEB
होम
संपादक
लॉग इन करें
Pro
हिंदी
English
Français
Español
Português
Deutsch
Italiano
हिंदी
होवर पर पाठ दिखाएं
937
ledoc
संपादक में खोलें
अपना कोड प्रकाशित करें
अनुशंसित
30 August 2024
एनिमेटेड ड्रैकुला होवर प्रभाव वाला बटन
21 December 2024
मूलपाठ
HTML
Copy
<html> <head> <style> body { height: 50px; } div.container { padding: 5px; border-radius: 5px; background: #28a745; width: 70px; height: 15px; color: white; } .text { padding: 5px; position: relative; left: 75px; top: 5px; background: #bebebe; width: 100px; height: 15px; color: black; display: none; /* <----- hides text by default */ } div.container:hover .text { display: block; /* <----- shows text on hover */ } </style> </head> <body> <div class="container"> Hover me! <div class="text">Example text...</div> </div> </body> </html>
CSS
Copy
<!-- Replace with your HTML Code (Leave empty if not needed) -->
JS
Copy
/* Replace with your JS Code (Leave empty if not needed) */
