Biblioteca de información sobre herramientas de CSS Pure simple-btooltips. CSS

Tiempo de ejecución: 30 minutos. Empezar

Autor: zkreations
Views Total: 2,163
Sitio oficial: Ir a la web
Actualizado: July 6, 2016
Licencia: MIT

Vista prévia

Biblioteca de información sobre herramientas de CSS Pure simple-btooltips. CSS

Descripción

btooltips. CSS es una librería CSS simple, sencilla y ligera que muestra información de herramientas de aspecto agradable con direcciones opcionales en cualquier elemento DOM cuando se encuentra en el hovered.

Funcionamiento

Sólo tiene que añadir la versión minimizada de btooltips. CSS en su página HTML y listo.

<link rel="stylesheet" href="btooltips.css">

Agregue la clase CSS ' btips ' al elemento en el que desea mostrar la información sobre herramientas. Puede agregar cualquier contenido en la ventana emergente de información sobre herramientas a través de title y atributos de de título de datos.

<a class="btips" title="Tooltip content">

...
</a>

Cambie la dirección predeterminada con las siguientes clases CSS.

<a class="btips">

Top
</a>

<a class="btips b">

Bottom
</a>

<a class="btips l">

Left
</a>

<a class="btips r">

right
</a>

 

Te puede interesar: