Visualizador de curvas de animación
Elige una curva y mira cómo acelera y frena un objeto. Copia la línea de código con la animación lista para usar en cualquier página, sin librerías.
document.querySelector(".caja").animate({ transform: ["none", "translateX(300px)"] }, { duration: 800, easing: "linear(0, 0.143, 0.271, 0.386, 0.488, 0.578, 0.657, 0.725, 0.784, 0.834, 0.875, 0.909, 0.936, 0.957, 0.973, 0.984, 0.992, 0.997, 0.999, 1, 1)", fill: "forwards" })Consejos de uso
Preguntas sobre las herramientas
¿Las herramientas son gratis?
Sí. Puedes usarlas las veces que quieras, sin pagar.
¿Qué archivo necesito?
Las herramientas de revisión piden un .zip con un banner HTML5: un .html principal y sus recursos. Las demás no piden ningún archivo.
¿Sirve para banners hechos con otra herramienta?
Sí. Revisa cualquier banner HTML5, no solo los de BannerMotion.
¿Mi archivo se guarda en algún lado?
La revisión se hace en tu navegador. Una excepción: si tu banner pide recursos externos (por ejemplo, una tipografía), tu navegador los pedirá a esos sitios mientras lo ves en la vista previa.
¿Necesito una cuenta?
No. Ninguna herramienta pide cuenta. En la guía de tamaños el correo es opcional.
Otras herramientas
Anima tus banners sin escribir código.
Tú pones la intención y la plataforma cuida el ritmo y la composición. Ajusta lo que quieras con el chat.