Reemplazo de la descripción animado basado en CSS/CSS3 puro-Tips. CSS
| Autor: | jh3y |
|---|---|
| Views Total: | 2,531 |
| Sitio oficial: | Ir a la web |
| Actualizado: | July 16, 2014 |
| Licencia: | MIT |
Vista prévia
Descripción
Tips es una solución sencilla y ligera para añadir información de herramientas animadas & altamente personalizables en elementos HTML usando CSS puro y CSS3.
¿Cómo funciona?
Descarga e incluye el Tips. CSS en la sección Head de tu página.
<link href="dist/tips.css" rel="stylesheet">
Agregue atributo de datos de sugerencia a un elemento HTML y utilice de contenido de datos-punta para personalizar el contenido de la información sobre herramientas.
<span data-tip data-tip-content="I'm a tooltip!">Text</span>
Agregue clases auxiliares al elemento HTML para personalizar la información sobre herramientas.
- parte superior: posición superior
- derecha: posición derecha
- parte inferior: posición inferior
- izquierda: posición izquierda
- pequeño: tamaño pequeño
- grande: gran tamaño
- Mostrar: siempre Mostrar
