WEBLEB
Início
Editor
Entrar
Pro
Português
English
Français
Español
Português
Deutsch
Italiano
हिंदी
Mostrar texto ao passar o mouse
1698
ledoc
Abrir no Editor
Video
Publique Seu Código
0
Recomendado
1 February 2025
a nova calculadora do mikey
17 April 2025
Um código de Metehan
20 June 2025
Formulário de registro de login HTML com efeito de cartão 3D
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) */
