Skip to content

leonardojap/Lrain

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

16 Commits
 
 
 
 
 
 
 
 

Repository files navigation

Lrain

#Lluvia #Authors: Leonardo hernandez / Leonardo Alvarado #Emails: ing.leonardo.hp@gmail.com / ing.leonardo92@gmial.com

Este es una libreria destinada a generar un refrescante efecto de "lluvias" sobre la pantalla incial de cualquier proyecto web.

Libre de dependecias como Jquery, o algun framework css, garantizando que la carga en el navegador sera minima.

Los diferentes eventos hacen usos de fuentes, y no de imagenes, asi aseguramos que los equipos menos capaces puedan reproducir los diferentes eventos sin ningun problema (carga minima de memoria).

Como usar:

  1. clonar o descargar el proyecto

  2. Agregar lRain.css en el header de la vista donde se desea agregar el efecto

<link rel="stylesheet" href="./css/lrain.css">
  1. Agregar lRain.js al final del body de la vista
<script src="./js/lRain.js"></script>
  
  <script>
    /*
      0: ramdom rain / luvia ramdom
      1: leaf rain / lluvia de hojas
      2: drops rain / lluvia gotas de agua
      3: snow / copos de nieve
      4: Storm / tormenta (conbinacion)
    */
    //params: type rain / tipo de luvia
    //        nummber drops  / cantidad de gotas sobre la pantalla  
    generateLrain(2, 100);
  </script>

Prevews

Opcion 1, hojas leaf

Opcion 2, nieve snow

Opcion 3, gotas drops

Opcion 4, tormenta storm

Created by: Ing.leonardo.hp@gmail.com and Ing.leonardo92@gmail.com

About

No description, website, or topics provided.

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published