Biblioteca de información sobre herramientas HTML/CSS pura-Data-Tip. CSS
| Autor: | egoist |
|---|---|
| Views Total: | 2,097 |
| Sitio oficial: | Ir a la web |
| Actualizado: | October 14, 2015 |
| Licencia: | MIT |
Vista prévia
Descripción
Data-Tip. CSS le ayuda a adjuntar información de herramientas de CSS3 animada a cualquier elemento DOM mediante CSS, CSS3 transforma/transiciones y atributos de datos HTML5.
¿Cómo funciona?
Cargue la hoja de estilos principal Data-Tip. CSS en la sección head del documento como sigue.
<link rel="stylesheet" href="dist/data-tip.css">
Cree una información sobre herramientas que aparezca en la parte superior de un elemento.
<button data-tip="I am a tooltip" class="data-tip-top">Hover me</button>
Todos los ayudantes CSS.
- datos-punta-parte superior : Top
- datos-punta-inferior : inferior
- datos-punta-izquierda : izquierda
- datos-punta-derecha : derecho
- de datos-punta-éxito : estilo de éxito
- datos-sugerencia-ADVERTENCIA : estilo de advertencia
- datos-punta-peligro : el estilo de peligro
- Data-Tip-info : estilo info
- datos-sugerencia-no-animación : sin animación
- de datos-punta-redondeada : borde redondeado
- datos-punta-Fast : borde rápido
- datos-punta-sombra : habilitar sombra
- datos-punta-visible : siempre visible
