Small simple CSS/HTML5 tooltips
| Autor: | Daniel-Hug |
|---|---|
| Views Total: | 2,315 |
| Sitio oficial: | Ir a la web |
| Actualizado: | June 18, 2015 |
| Licencia: | MIT |
Vista prévia
Descripción
Una pequeña biblioteca de CSS que se utiliza para anexar información sobre herramientas agradables a cualquier elemento DOM utilizando HTML5 datos atributos.
Funcionamiento
Cargue la información sobre herramientas. CSS en la sección head del documento.
<link rel="stylesheet" href="tooltips.css">
Crear una información sobre herramientas con texto personalizado que aparece en la parte inferior del elemento de destino cuando se pasa el mouse.
<button data-tip-bm="I am a tooltip">Hover me</button>
Full datos atributos para controlar la posición de la información sobre herramientas.
- Data-Tip-TR: arriba a la derecha
- Data-Tip-TM: parte superior central
- Data-Tip-TL: arriba a la izquierda
- Data-Tip-br: abajo a la derecha
- Data-Tip-BM: medio inferior
- Data-Tip-BL: abajo a la izquierda
