⭐ Biblioteca JS pequeña para animaciones CSS3-animación de visualización de la propiedad ✅ TodoCodigo.net

Vista prévia

Animate display Property es un pequeño complemento de JavaScript que permite aplicar animaciones CSS3 en un elemento específico.

Se descolora
Diapositiva: deslizar hacia la izquierda, deslizar hacia la derecha, deslizar hacia arriba, deslizar hacia abajo
Zoom: acercar, alejar
Rotar: gire a la izquierda, gire a la derecha
Voltear: voltear, voltear hacia abajo, voltear a la derecha, voltear a la izquierda

Incluya el JavaScript ' ADP. js ' y la hoja de estilos ' ADP. css ' en la Página Web.

<link rel="stylesheet" href="css/adp.min.css">
<script src="js/adp.min.js"></script>

Aplique una animación de show basada en CSS3 de su elección a su elemento.

var el = document.querySelector('.el');
ADP.show(el, 'fade');

Aplique una animación de ocultación basada en CSS3 de su elección a su elemento.

var el = document.querySelector('.el');
ADP.hide(el, 'fade');

Alternar la animación.

var el = document.querySelector('.el');
ADP.toggle(el, 'fade');

Ejecute una función de devolución de llamada cuando se reproduce la animación.

var el = document.querySelector('.el');
ADP.toggle(el, 'fade', , function() {

// doen
}););