Efecto de desenfoque de movimiento en JavaScript-MotionBlurJS
| Autor: | Adir-SL |
|---|---|
| Views Total: | 85 |
| Sitio oficial: | Ir a la web |
| Actualizado: | April 3, 2019 |
| Licencia: | MIT |
Vista prévia
Descripción
MotionBlurJS es una biblioteca de JavaScript Vanilla que aplica un efecto de desenfoque de movimiento a cualquier elemento que utilice JavaScript y CSS animación-Delay propiedad.
También funciona con objetos SVG y archivos SVG.
Funcionamiento
Descargue e inserte la biblioteca Blur. js en la página HTML.
<script src="blur.js"></script>
Aplique un efecto de desenfoque de movimiento básico a un elemento.
<div id="element" class="blurjs"></div>
Aplique efectos de fundido y de color azul de movimiento a un elemento.
<div id="element" class="fadejs"></div>
Para aplicar el efecto de desenfoque de movimiento a SVG, asegúrese de cargar la biblioteca blurSVG. js en su lugar.
<script src="blurSVG.js"></script>
