Efecto flotante infinito con JavaScript y CSS3-Floating. js

Tiempo de ejecución: 30 minutos. Empezar

Autor: Haroenv
Views Total: 3,258
Sitio oficial: Ir a la web
Actualizado: August 29, 2018
Licencia: MIT

Vista prévia

Efecto flotante infinito con JavaScript y CSS3-Floating. js

Descripción

Floating. js es una biblioteca de JavaScript ligera que hace uso de CSS3 @keyframes animaciones para flotar un número de cosas en su página web.

Funcionamiento

Para empezar, solo tiene que incluir el script Floating. js en la página web y ya está listo para ir.

<script src="floating.js"></script>

Inicialice Floating. js y especifique el contenido que desea flotar.

floating({

content: "test"
});

Todas las opciones de configuración posibles.

floating({


// the character or string to float

content: "test",


// the number of items

number: 3,


// the amount of seconds it takes to float up

duration: 10,


// the number of times you want the animation to repeat

repeat: 'infinite'

});

Registro de cambios

08/29/2018

  • Fix (animación): error de deshacer por uno en iteración

Te puede interesar: