Efecto Snowfall fácil con vanilla JavaScript-Snow. js
| Autor: | zmfe |
|---|---|
| Views Total: | 1,300 |
| Sitio oficial: | Ir a la web |
| Actualizado: | January 10, 2018 |
| Licencia: | MIT |
Vista prévia
Descripción
Sólo otro plugin de vainilla de nieve de JavaScript que simula el efecto de la nieve cayendo en la Página Web. Fácil de personalizar los copos de nieve con JavaScript y Canvas.
Funcionamiento
Cree un elemento de marcador de posición en la página HTML.
<div id="snow"></div>
Haga que el elemento de marcador de posición sea pantalla completa.
#snow {
position:relative;
width:100%;
height:100%;
} Inserte el archivo JavaScript ' Snow. js ' al final del documento.
<script src="/dist/snow.js"></script>
Inicializar la biblioteca y listo.
ocument.addEventListener('DOMContentLoaded', function() {
new Snow('#snow');
}); Establezca el número de copos de nieve.
Snow('#snow',{
number:30
}); Ajuste el tamaño de los copos de nieve.
Snow('#snow',{
number:30,
r: 2.5
}); Ajuste la velocidad de la animación.
Snow('#snow',{
number:30
v: 1.8
});
