Visualisator voor animatiecurves
Kies een curve en zie hoe een object versnelt en vertraagt. Kopieer de regel code met de animatie, klaar voor gebruik op elke pagina, zonder 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" })Gebruikstips
Vragen over de tools
Zijn de tools gratis?
Ja. Je kunt ze zo vaak gebruiken als je wilt, zonder te betalen.
Welk bestand heb ik nodig?
De controletools vragen om een .zip met een HTML5-banner: een hoofd-.html en de bijbehorende bestanden. De overige tools vragen geen bestand.
Werkt het ook voor banners die met een andere tool zijn gemaakt?
Ja. Je kunt elke HTML5-banner controleren, niet alleen die van BannerMotion.
Wordt mijn bestand ergens opgeslagen?
De controle gebeurt in je browser. Eén uitzondering: als je banner externe bronnen vraagt (bijvoorbeeld een lettertype), vraagt je browser die bij die sites op terwijl je de voorvertoning bekijkt.
Heb ik een account nodig?
Nee. Geen enkele tool vraagt om een account. In de formaatgids is het e-mailadres optioneel.
Andere tools
Animeer je banners zonder code te schrijven.
Jij bepaalt de intentie en het platform zorgt voor het tempo en de compositie. Pas met de chat aan wat je wilt.