Animaciones 5.8.0

Muestra

Vamos a ver una muestra de cada una para luego mostrar yn documentatar como llamar a estas animaciones desde el objeto BS provisto por Bodystyle.

        

            Fadein
            Fadeout
        
    

        function fadein() {
            let elemento = document.querySelector("#elemento");
            let duracion = 500
            BS.fadeIn(elemento, duracion, () => console.log("Animacion terminada"));
        }

        function fadeout() {
            let elemento = document.querySelector("#elemento");
            let duracion = 500
            BS.fadeOut(elemento, duracion, () => console.log("Animacion terminada"));
        }
    

Importar Módulos Individuales

Bodystyle está construido con módulos, por lo que puedes importar solo los módulos que necesites.
Si la instalación fue realizada a través de NPM dispones de los archivos necesarios para la importación de cada uno ede ellos.

Importar Módulos Individuales

    import { fadeIn } from "bodyui2/src/modulos/Animaciones";
    import { fadeOut } from "bodyui2/src/modulos/Animaciones";

Lo anteriormente expuesto se realiza desde el Package de Bodystyle.
Si la instalación fue realizada a través de NPM dispones de los archivos necesarios para la importación de cada uno de ellos.

Parámetros

Cada función puede recibir 3 parámetros: