Slick HTML5/CSS3 biblioteca de información sobre herramientas-tooltips. CSS
| Autor: | vagusX |
|---|---|
| Views Total: | 2,394 |
| Sitio oficial: | Ir a la web |
| Actualizado: | June 28, 2016 |
| Licencia: | MIT |
Vista prévia
Descripción
tooltips. CSS es una librería CSS pura que anexa una descripción de la información personalizada, de aspecto limpio a cualquier elemento usando HTML5 datos atributos.
Funcionamiento
Sólo tiene que incluir la versión minimizada de tooltips. CSS en la sección Head de la página web y hecho.
<link rel="stylesheet" href="tooltips.min.css">
La librería funciona con cualquier elemento con la clase CSS de ' Data-ToolTip '.
<div class="btn" data-tooltip>Hover Me</div>
Agregue el contenido personalizado a la información sobre herramientas mediante atributo Data-ToolTip-Content .
<div class="btn" data-tooltip data-tooltip-content="This is a tooltip" >Hover me</div>
Personalice la posición en la que debe aparecer la información sobre herramientas. Aceptar valores: ' superior ', ' derecha ', ' inferior ' y ' izquierda '.
<div class="btn" data-tooltip data-tooltip-content="This is a tooltip" data-tooltip-direction="right" >Hover me</div>
