WEBLEB
Startseite
Editor
Anmelden
Pro
Deutsch
English
Français
Español
Português
Deutsch
Italiano
हिंदी
Text beim Hovern anzeigen
1196
ledoc
Im Editor öffnen
Veröffentlichen Sie Ihren Code
Empfohlen
19 March 2025
Textschattenanimation
25 June 2025
Plattform für den Autokauf und -verkauf: Anzeigen, Filterung
29 July 2025
Ein Code des Textes
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) */
