Visualiseur de courbes d’animation
Choisissez une courbe et regardez comment un objet accélère et ralentit. Copiez la ligne de code de l’animation, prête à l’emploi sur n’importe quelle page, sans bibliothèque.
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" })Conseils d’utilisation
Questions sur les outils
Les outils sont-ils gratuits ?
Oui. Utilisez-les autant de fois que vous voulez, sans rien payer.
Quel fichier me faut-il ?
Les outils de vérification demandent un .zip contenant une bannière HTML5 : un fichier .html principal et ses ressources. Les autres ne demandent aucun fichier.
Fonctionne-t-il pour des bannières créées avec un autre outil ?
Oui. Il vérifie toute bannière HTML5, pas seulement celles de BannerMotion.
Mon fichier est-il conservé quelque part ?
La vérification se fait dans votre navigateur. Une exception : si votre bannière demande des ressources externes (par exemple, une police), votre navigateur les demandera à ces sites pendant que vous consultez l’aperçu.
Faut-il un compte ?
Non. Aucun outil ne demande de compte. Dans le guide des formats, l’adresse e-mail est facultative.
Autres outils
Animez vos bannières sans écrire de code.
Vous donnez l’intention et la plateforme gère le rythme et la composition. Ajustez ce que vous voulez avec le chat.