CSS3 Powered Image efecto biblioteca JavaScript-Effect. js
| Autor: | DaeGwang |
|---|---|
| Views Total: | 1,220 |
| Sitio oficial: | Ir a la web |
| Actualizado: | March 14, 2017 |
| Licencia: | MIT |
Vista prévia
Descripción
Effect. js es una pequeña biblioteca de JavaScript que aplica efectos basados en CSS/CSS3 (filtros de imagen como opacidad, radio, rotación, escala, Desenfoque, escala de grises, sepia) a cualquier objeto DOM.
Install it via NPM:
$ npm install effect-js
Funcionamiento
Coloque la biblioteca JavaScript del núcleo Effect. js en su página HTML.
<script src="effect.js"></script>
Seleccione un elemento DOM:
var dom = Effect('#demo'); Aplique los siguientes efectos al elemento DOM:
dom.opacity(0.7); dom.radius(30); dom.rotate(30); dom.scale(0.7); dom.blur(0.9); dom.grayscale(1); dom.sepia(1);
Establezca la duración de la animación en segundos.
var dom = Effect('#demo', {
duration: 1
});
