Skip to content

Latest commit

 

History

History
53 lines (36 loc) · 1.82 KB

README.md

File metadata and controls

53 lines (36 loc) · 1.82 KB

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