Información sobre herramientas limpia y animada con CSS puro-Simptip
| Autor: | |
|---|---|
| Views Total: | 3,210 |
| Sitio oficial: | Ir a la web |
| Actualizado: | January 8, 2014 |
| Licencia: | MIT |
Vista prévia
Descripción
Simptip es una resolución de información sobre herramientas construida arriba de SASS para crear puntas de dientes limpias y animadas con transiciones y transformaciones CSS3.
Uso básico
Incluye la versión minimizada de simptip. CSS en la sección Head de tu página.
<link rel="stylesheet" type="text/css" href="simptip-mini.css" media="screen,projection" />
Envolver el texto con < span > elemento con Data-ToolTip atributo para el texto de información sobre herramientas. Puede usar el atributo class para establecer la posición, el tipo y la animación de la información sobre herramientas.
<span class="simptip-posición-inferior simptip-success" data-tooltip="I'm a success tooltip">success</span>
Posiciones soportadas:
- simptip-posición-Top
- simptip-posición-izquierda
- simptip-posición-derecha
- simptip-posición-inferior
