Efecto de desplazamiento de píxeles de estilo de onda con JavaScript-pixel. js
| Autor: | Julien-Amblard |
|---|---|
| Views Total: | 4,213 |
| Sitio oficial: | Ir a la web |
| Actualizado: | January 7, 2016 |
| Licencia: | MIT |
Vista prévia
Descripción
Pixel. js es un sofisticado plugin de JavaScript que te ayuda a aplicar un efecto de desplazamiento de píxeles direccionales de estilo Wave a las imágenes.
Funcionamiento
Descargue y cargue el archivo JavaScript de pixel. js en el documento HTML.
<script src="js/pixel.min.js"></script>
Aplica el efecto de desplazamiento de píxeles a tus imágenes.
var aThumbs = document.querySelectorAll('.selector');
var aPixel = [];
init = function(){
for (var i = 0; i < aThumbs.length; i++) {
aPixel.push( new Pixel( aThumbs[i].querySelector('img'), {
w : 7,
preload : true
}) );
};
}
window.onload = init; Todos los ajustes disponibles.
w: 5,
trace: .1,
addClass: true,
aClass: ["_top", "_right", "_bottom", "_left"],
wave: {
w: 10,
speed: 5
},
preload: false
