Generar un tooltip con CSS

Un tooltip no deja de ser una capa que aparecerá o desaparecerá mostrando cierta información cuando nosotros coloquemos nuestro ratón encima de ciertos elementos de nuestra página web.

Se suele utilizar para mostrar información extra y personalizada al usuario de una página, no es nada intrusivo y aparece y desaparece en función del usuario.

Para llevar a cabo el tutorial de tooltip haremos uso de algunas de las funcionalidades del nuevo CSS3, consiguiendo algo como esto, los colores y demás estilos podremos definirlos a nuestro gusto.

El artículo original está en Inglés.

Otros tooltips

Por si no te ha gustado el primero que he puesto, dejo un par de enlaces con otros tooltips

  1. http://www.kollermedia.at/archive/2008/03/24/easy-css-tooltip/
  2. http://www.tallerwebmaster.com/Tutorial-Tool-Tip-avanzado-con-CSS-c-6.html

Artículos relacionados



Comentarios en Generar un tooltip con CSS

Hay 2 Comentarios en el artículo Generar un tooltip con CSS, ¿a qué esperas para dar tu opinión?


  1. luigix dice:

    Si, los tooltips amarillos de defecto dejan mucho que desear. Mejor estos.

  2. Emirodgar dice:

    jajajaja la verdad es que sí, son un poco horrorosos :p

Deja un comentario