CSS Animatie Generator - Gratis Online | FunToolX

Voeg sleutelframes toe aan de tijdlijn en elk keyframe stelt de eigenschappen van het element in (positie, grootte, rotatie, transparantie, kleur, enzovoort). De tool genereert de bijbehorende @ keyframes-regel en CSS-animatie-eigenschappen. U kunt de duur van de animatie, vertraging, iteratietijden, richting en versoepelingsfuncties (gemak, lineair, kubieke bezier, enzovoort) aanpassen.

Het animatievoorbeeld wordt in realtime toegepast met behulp van CSS-animatieeigenschappen. De tool genereert dynamisch de @ keyframes-regels in de stijltag en het voorvertoningselement past die regels toe. De tijdlijninterface is vergelijkbaar met videobewerkingssoftware, die sleutelframes kan slepen en neerzetten om de tijd aan te passen.

Geschikt voor het snel maken van complexe CSS-animaties, meer intuïtief dan handschrift @ keyframes. U kunt animaties laden, effecten zweven, pagina-overgangen, enz.

CSS-animatiegenerator, visuele creatie van CSS-keyframe-animatie, ondersteunt animatie met meerdere kenmerken, versoepelingsfunctie, tijdlijncontrole, generatie @ keyframes-code.