Información sobre herramientas inteligentes diminutas en JavaScript puro y CSS3
| Autor: | mirelvt |
|---|---|
| Views Total: | 2,629 |
| Sitio oficial: | Ir a la web |
| Actualizado: | September 15, 2018 |
| Licencia: | MIT |
Vista prévia
Descripción
Una librería JavaScript súper diminuta (~ 2Kb) para crear información de herramientas de CSS3 animada que se re-posicionan automáticamente dependiendo de la posición actual en relación con el borde de la pantalla.
Funcionamiento
Cargue el ToolTip. min. CSS en el encabezado que proporcionará los estilos primarios y las animaciones para las descripciones emergentes.
<link rel="stylesheet" href="css/tooltip.min.css">
Cargue el archivo principal de JavaScript ToolTip. min. js en la parte inferior de la Página Web.
<script src="js/tooltip.min.js"></script>
Cree un contenedor vacío para la información sobre herramientas.
<div class="tooltip-container no-display"></div>
Añada una información de herramientas predeterminada a un elemento específico mediante el atributo Data-ToolTip :
<span data-tooltip="Tooltip">Hover me</span>
Registro de cambios
v1.2.3 (09/15/2018)
- Use ES6 const y Let, corrija las advertencias de eslint. Quite los prefijos CSS.
