Cree la descripción de la animación de CSS3 en CSS puro-Wenk. CSS
| Autor: | mightyCrow |
|---|---|
| Views Total: | 1,858 |
| Sitio oficial: | Ir a la web |
| Actualizado: | February 9, 2018 |
| Licencia: | MIT |
Vista prévia
Descripción
Wenk. CSS es una biblioteca CSS extremadamente ligera que le ayuda a crear información de herramientas de CSS3 animada con tamaños y posiciones configurables que se adjuntan a cualquier elemento DOM que prefiera. Animaciones frescas basadas en transiciones y transformaciones CSS3.
Funcionamiento
Para empezar, sólo tiene que incluir la hoja de estilo Wenk. CSS en el encabezado de la página HTML y hecho.
<link rel="stylesheet" href="wenk.min.css">
Defina el texto que se mostrará en la información sobre herramientas utilizando el atributo Data-Wenk como sigue:
<span data-wenk="I'm a tooltip!">Hover Me</span>
Fije las posiciones:
<span data-wenk="I'm a tooltip!" data-wenk-pos="right">Hover Me</span> <span data-wenk="I'm a tooltip!" data-wenk-pos="bottom">Hover Me</span> <span data-wenk="I'm a tooltip!" data-wenk-pos="left">Hover Me</span>
Configure los tamaños:
<span data-wenk="I'm a tooltip!" class="wenk-length--small">Hover Me</span> <span data-wenk="I'm a tooltip!" class="wenk-length--medium">Hover Me</span> <span data-wenk="I'm a tooltip!" class="wenk-length--large">Hover Me</span> <span data-wenk="I'm a tooltip!" class="wenk-length--fit">Hover Me</span>
Registro de cambios
02/09/2018
- actualizar
