Visualizador de curvas de animação
Escolha uma curva e veja como ela acelera e desacelera um objeto. Copie a linha de código com a animação pronta para usar em qualquer página, sem bibliotecas.
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" })Dicas de uso
Perguntas sobre as ferramentas
As ferramentas são grátis?
Sim. Você pode usá-las quantas vezes quiser, sem pagar.
Que arquivo eu preciso?
As ferramentas de revisão pedem um .zip com um banner HTML5: um .html principal e os seus recursos. As demais não pedem nenhum arquivo.
Serve para banners feitos com outra ferramenta?
Sim. Revisa qualquer banner HTML5, não só os do BannerMotion.
Meu arquivo fica salvo em algum lugar?
A revisão é feita no seu navegador. Uma exceção: se o seu banner pedir recursos externos (por exemplo, uma tipografia), o navegador os solicitará a esses sites enquanto você vê a prévia.
Preciso de uma conta?
Não. Nenhuma ferramenta pede conta. No guia de tamanhos, o e-mail é opcional.
Outras ferramentas
Anime seus banners sem escrever código.
Você põe a intenção e a plataforma cuida do ritmo e da composição. Ajuste o que quiser com o chat.