Visualisierer für Animationskurven
Wähle eine Kurve und sieh, wie ein Objekt beschleunigt und abbremst. Kopiere die Codezeile mit der fertigen Animation, für jede Seite, ohne Bibliotheken.
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" })Tipps zur Nutzung
Fragen zu den Tools
Sind die Tools kostenlos?
Ja. Du kannst sie so oft nutzen, wie du willst, ohne etwas zu bezahlen.
Welche Datei brauche ich?
Die Prüf-Tools verlangen eine .zip mit einem HTML5-Banner: eine Haupt-.html und ihre Ressourcen. Die anderen verlangen keine Datei.
Funktioniert es auch für Banner, die mit einem anderen Tool gemacht wurden?
Ja. Es prüft jeden HTML5-Banner, nicht nur die von BannerMotion.
Wird meine Datei irgendwo gespeichert?
Die Prüfung läuft in deinem Browser. Eine Ausnahme: Wenn dein Banner externe Ressourcen lädt (zum Beispiel eine Schriftart), fragt dein Browser diese Seiten ab, während du die Vorschau ansiehst.
Brauche ich ein Konto?
Nein. Kein Tool verlangt ein Konto. Im Größenleitfaden ist die E-Mail optional.
Weitere Tools
Animiere deine Banner ohne Code zu schreiben.
Du gibst die Absicht vor, und die Plattform kümmert sich um Rhythmus und Komposition. Passe mit dem Chat an, was du willst.