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

Veröffentlicht am: 16 Juni 2024
auf dem Kanal: 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...


Auf dieser Seite können Sie das Online-Video TUTORIAL: Cómo crear tooltips solo con CSS (sin JavaScript) 🏷️ mit der Dauer stunde minuten sekunde in guter Qualität ansehen, das der Benutzer campusMVP.es 16 Juni 2024 hochgeladen hat, den Link mit Freunden und Bekannten teilen, dieses Video wurde auf Youtube bereits 1,229 Mal angesehen und es wurde von 42 den Zuschauern gefallen. Viel Spaß beim Betrachtenden Zuschauern gefallen!