WEBLEB
Startseite
Editor
Anmelden
Pro
Deutsch
English
Français
Español
Português
Deutsch
Italiano
हिंदी
Text beim Hovern anzeigen
961
ledoc
Im Editor öffnen
Veröffentlichen Sie Ihren Code
Empfohlen
9 July 2025
Neonglas-Kontextmenü mit Farbwähler
14 March 2025
Faux-3D CSS-Kugel / mit Textur
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) */
