Efecto destello de navidad con jQueryDestello.js

Demo Descarga : Destellos.js

Antes que nada una feliz navidad y un prospero año nuevo 2018 de parte del pequeño grupo “DEVELOTECA (develoteca.com)”  que estos días el espíritu de la navidad  este contigo y con tus seres queridos, que tengas paz y mucha alegría.

Efecto destello de navidad con jQueryDestello.js, este plugin es una adaptación de efecto destello realizado con css3 tomado de la siguiente dirección: http://blog.cregarru.com/2014/12/efecto-destello-css3.html

El resultado: Un simple  y sencillo plugin fácil de implementar para mostrar este efecto.

Para su implementar este plugin solo tienes que seguir estos pasos:

 

1.-Incluir jQuery de primera instancia.

<script src="https://code.jquery.com/jquery-3.2.1.js"></script>

2.-Incluir los scripts de jQueryDestello.js

<link href="luces.css" rel="stylesheet" />
<script src="luces.js"></script>

3.-Crear la siguiente estructura con la imagen a que le quieres poner destello con el plugin.

<div id="efectos">
<img src="felizNavidad.jpg" class="background-navidad">
</div>

4.- Covertir y personalizar el plugin creando las posiciones de los destellos con las imágenes del destello, en este caso también se considera el tiempo en que el destello aparece encima de la imagen.

<script>
$('#efectos').Destellos({
Luces: [
{
"x": "441",
"y": "141",
"velocidad":"4s",
"Imagen":"estrella.png",
},
{
"x": "148",
"y": "10",
"velocidad":"2s",
"Imagen":"estrella.png",
}

]});
</script>

Con este plugin pues ya puedes implementar un excelente diseño animado de destellos para esta época navideña, espero lo puedes usar en tu proyecto y que te sea de utilidad para implementar en otros proyectos que no sean precisamente de navidad.

 

Contenido relacionado: