TUTORIAL: Cómo crear tooltips solo con CSS (sin JavaScript) 🏷️

Publicado el: 16 junio 2024
en el canal de: campusMVP.es
1,229
42

Como el tooltip por defecto que saca el sistema operativo es tan soso y se ve tan poco, muchas aplicaciones y páginas web utilizan sus propios sistemas de tooltips. Se trata de esas ventanitas flotantes que aparecen con un texto cuando pasas por encima de ciertos elementos y que sirven para dar indicaciones, ofrecer una ayuda breve o dar contexto a ciertos elementos de la página. Muchos de los sistemas de tooltips personalizados solían utilizar JavaScript sobre todo para posicionarlos y también para ver qué contenido tenían que colocar dentro para cada uno de ellos.

Por suerte, CSS es lo suficientemente potente como para hacerlo solo, sin necesidad de ayuda de JavaScript. En este vídeo te contamos con detalle cómo hacerlo.

ENLACES:
HTML5 y CSS3 a fondo para desarrolladores: https://www.campusmvp.es/catalogo/Pro...
El ejemplo utilizado en el vídeo: https://www.campusmvp.es/recursos/des...


En esta página del sitio puede ver el video en línea TUTORIAL: Cómo crear tooltips solo con CSS (sin JavaScript) 🏷️ de Duración hora minuto segunda en buena calidad , que subió el usuario campusMVP.es 16 junio 2024, comparta el enlace con amigos y conocidos, en youtube este video ya ha sido visto 1,229 veces y le gustó 42 a los espectadores. Disfruta viendo!