Una biblioteca JS para efecto de desenfoque en imágenes-blurify. js
| Autor: | JustClear |
|---|---|
| Views Total: | 2,079 |
| Sitio oficial: | Ir a la web |
| Actualizado: | September 23, 2018 |
| Licencia: | MIT |
Vista prévia
Descripción
blurify. js es una biblioteca de JavaScript ligera que le da la capacidad de aplicar un efecto de desenfoque en cualquier imagen utilizando cualquier lienzo o filtros CSS (si es compatible).
Install it via package managers:
# Yarn yarn add blurify # NPM $ npm install blurify # Bower $ bower install blurify
Funcionamiento
Cargue el archivo de JavaScript blurify. js en el documento cuando sea necesario.
<script src="blurify.js"></script>
Aplique un efecto de desenfoque por defecto a la imagen.
new blurify({
images: document.querySelectorAll('.blurify')
}); Config el efecto de desenfoque. Un valor mayor creará más desenfoque.
new blurify({
images: document.querySelectorAll('.blurify'),
blur: 6
}); Ajuste el modo de desenfoque:
new blurify({
images: document.querySelectorAll('.blurify'),
mode: 'auto', // or 'canvas', 'css'
}); Registro de cambios
09/23/2018
- Refactorizar
