Biblioteca de información sobre herramientas animadas HTML5/CSS3 pura-ToolTip. CSS
| Autor: | webexxe |
|---|---|
| Views Total: | 1,969 |
| Sitio oficial: | Ir a la web |
| Actualizado: | February 12, 2016 |
| Licencia: | MIT |
Vista prévia
Descripción
ToolTip. CSS es una implementación CSS pura de información sobre herramientas animadas utilizando atributos de datos HTML5 y transiciones CSS3 & transformaciones.
Funcionamiento
Coloque ToolTip. CSS en la sección head del documento como esta:
<link href="tooltip.css" rel="stylesheet">
Agregue cualquier contenido HTML a la información sobre herramientas mediante el atributo Data-ToolTip.
<span data-tooltip="Tooltip here">Hover me</span>
Personaliza la posición.
<ul> <li>data-tooltip-bottom</li> <li>data-tooltip-top</li> <li>data-tooltip-left</li> <li>data-tooltip-right</li> </ul>
Agregue un efecto de máscara a la información sobre herramientas.
data-tooltip-mask
