⭐ Efecto de resaltado de texto progresivo con JavaScript puro-Lumin ✅ TodoCodigo.net

Vista prévia

Lumin es una pequeña biblioteca de JavaScript de dependencia cero que se utiliza para para resaltar el texto dentro de un contenedor específico.

Instale la biblioteca Lumin con NPM.

# NPM
$ npm install lumin --save

Importe el Lumin en el documento.

import lumin from './index.js';

Inicialice la biblioteca Lumin y especifique el elemento contenedor que contiene el texto que se resaltará.

const myInstance = lumin(document.querySelector('.container'));

Inicie el efecto de resaltado de texto progresivo y especifique la duración de la animación.

// 5 seconds
myInstance.start(5000)

Detenga el efecto de resaltado de texto progresivo.

myInstance.stop()

Desactive el efecto de resaltado.

myInstance.clear()

Establezca el progreso del efecto de resaltado de texto.

// 0 - 100
myInstance.progress = 50

Personalice el color de texto & color de fondo del texto resaltado.

--lumin-background-color: darkblue;
--lumin-color: white;