Efecto aleatorio de letras en Pure JavaScript-shuffle-Letters. js
| Autor: | yuheiy |
|---|---|
| Views Total: | 4,545 |
| Sitio oficial: | Ir a la web |
| Actualizado: | July 17, 2016 |
| Licencia: | MIT |
Vista prévia
Descripción
shuffle-Letters. js es una biblioteca de JavaScript ligera y libre de dependencia que le permite imprimir texto con una animación de escritura, arrastrando la letra de texto por letra.
Funcionamiento
Inserte la biblioteca shuffle-Letters. js en el documento cuando sea necesario.
<script src="shuffle-letters.js"></script>
Mezclar el texto especificado en JavaScript.
shuffleLetters(document.querySelector('.container'), {
text: 'Lorem ipsum dolor sit amet.'
}); Barajar el texto envuelto en un contenedor específico.
<p class="demo" hidden>Lorem ipsum dolor sit amet</p>
var third = document.querySelectorAll('.demo');
for (var i = 0; i < third.length; i++) {
third[i].hidden = false;
}
shuffleLetters(third); Personaliza el efecto de Shuffle de texto.
shuffleLetters(document.querySelector('.container'), {
text: 'Lorem ipsum dolor sit amet.'
step: 1, // How many times should the letters be changed
fps: 15 // Frames Per Second
});
