Visualizzatore di curve di animazione
Scegli una curva e guarda come accelera e frena un oggetto. Copia la riga di codice con l’animazione pronta per qualsiasi pagina, senza librerie.
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" })Consigli d’uso
Domande sugli strumenti
Gli strumenti sono gratuiti?
Sì. Puoi usarli quante volte vuoi, senza pagare.
Che file mi serve?
Gli strumenti di verifica richiedono uno .zip con un banner HTML5: un .html principale e le sue risorse. Gli altri non richiedono alcun file.
Funziona per i banner fatti con un altro strumento?
Sì. Verifica qualsiasi banner HTML5, non solo quelli di BannerMotion.
Il mio file viene salvato da qualche parte?
La verifica avviene nel tuo browser. Un’eccezione: se il banner richiede risorse esterne (per esempio un font), il browser le chiederà a quei siti mentre lo guardi in anteprima.
Serve un account?
No. Nessuno strumento richiede un account. Nella guida alle dimensioni l’email è facoltativa.
Altri strumenti
Anima i tuoi banner senza scrivere codice.
Tu metti l’intenzione e la piattaforma cura il ritmo e la composizione. Modifica ciò che vuoi con la chat.