Biblioteca JavaScript para animaciones CSS3 interactivas-Micron. js
| Autor: | webkul |
|---|---|
| Views Total: | 1,151 |
| Sitio oficial: | Ir a la web |
| Actualizado: | October 25, 2018 |
| Licencia: | MIT |
Vista prévia
Descripción
Micron. js una biblioteca de micro interacciones para aplicar animaciones CSS3 interactivas (controladas por JavaScript) a cualquier elemento DOM.
Available interactions:
- Sacudir
- Se descolora
- Jalea
- Rebote
- Tada
- Ranura
- Swing
- Apriete
- parpadeo
- Idiota
- Parpadear
- Pop
Funcionamiento
Importe los archivos JavaScript y CSS en el documento.
<link href="micron.min.css" rel="stylesheet"> <script src="micron.min.js"></script>
Agregue una interacción de su elección al elemento.
<span data-micron="bounce"> Element </span>
Establezca la duración de la interacción.
<span data-micron="bounce" data-micron-duration=".75"> Element </span>
Ajuste la aceleración/temporización.
<span data-micron="bounce" data-micron-duration=".75" data-micron-timing="ease-in"> Element </span>
Establezca el elemento desencadenante.
<span data-micron="bounce" data-micron-duration=".75" data-micron-bind="true" data-micron-id="target"> Trigger Element </span> <span id="target"> Target Element </span>
Archive la interacción con JavaScript.
micron.getEle("#el").interaction("bounce").duration(".75").timing("ease-in"); Registro de cambios
10/25/2018
- Bugfixed
