Deslizar/desvanecer/voltear texto en carga de página-Ghost. js
| Autor: | colealanroberts |
|---|---|
| Views Total: | 264 |
| Sitio oficial: | Ir a la web |
| Actualizado: | November 27, 2018 |
| Licencia: | MIT |
Vista prévia
Descripción
Ghost. js es una pequeña biblioteca de JavaScript que revela o imprime cualquier cadena con diapositivas/fade/Flip animación en la carga de la página.
Funcionamiento
Importe los archivos de la biblioteca fantasma en el documento HTML.
<link href="ghost.css" rel="stylesheet"> <script src="ghost.js"></script>
Inicialice el fantasma y especifique el contenedor de destino para revelar o imprimir el texto.
let ghost = new Ghost({
selector: '#example'
}); Personalice el texto para revelar/imprimir en la carga de la página.
let ghost = new Ghost({
selector: '#example',
text: 'WIKICSS.COM'
}); Establezca el tipo de animación que desea utilizar.
- flipIn
- slideDown o slideUp
- fadeIn
let ghost = new Ghost({
selector: '#example',
text: 'WIKICSS.COM',
animation: 'slideDown'
}); Establezca el efecto que desea que aparezca el texto.
- Revelar
- máquina de escribir
let ghost = new Ghost({
selector: '#example',
text: 'WIKICSS.COM',
effect: 'Revelar'
}); Config el intervalo & retardo en milisegundos.
let ghost = new Ghost({
selector: '#example',
text: 'WIKICSS.COM',
interval: 100,
delay: 400
});
