Biblioteca JavaScript para ofuscar y revelar texto-deflector
| Autor: | camwiegert |
|---|---|
| Views Total: | 3,131 |
| Sitio oficial: | Ir a la web |
| Actualizado: | August 8, 2016 |
| Licencia: | MIT |
Vista prévia
Descripción
baffle. js es una pequeña biblioteca de JavaScript que se utiliza para ofuscar y revelar el texto con una animación aleatoria.
Funcionamiento
Incluya la versión minimizada del script baffle. js en el documento HTML.
<script src="baffle.min.js"></script>
Llame a la baffle en el elemento que contiene el texto que desea ofuscar.
// With a CSS selector
let a = baffle('.text');
// With a Node
let a = baffle(document.querySelector('.text'));
// With a NodeList
let a = baffle(document.querySelectorAll('p')); Llame a la baffle con algunas opciones.
let a = baffle('.text', {
// default options
characters: 'abcdefghijklmnopqrstuvwxyz',
speed: 75 // animation speed
}); Ofusca cada elemento una vez.
a.once();
Inicie la animación ofuscar.
a.start();
Detenga la animación.
a.stop();
Revele el texto.
a.reveal();
Revelar el texto sobre 5000ms
a.reveal(5000);
