CSS Animasjonsgenerator - Gratis Online | FunToolX

Legg til nøkkelbilder på tidslinjen, og sett elementets egenskaper (posisjon, størrelse, rotasjon, gjennomsiktighet, farge osv.) for hvert nøkkelbilde. Verktøyet vil generere tilsvarende @keyframes-regler og CSS animasjonsegenskaper. Det støtter justering av animasjonens varighet, forsinkelse, antall iterasjoner, retning, og letingsfunksjoner (ease, linear, cubic-bezier osv.).

Animasjonsforhåndsvisning bruker CSS animation-egenskapen i sanntid. Verktøyet genererer dynamisk @keyframes-regler i style-taggen, og forhåndsvisningselementet bruker disse reglene. Tidslinjegrensesnittet ligner på videoredigeringsprogramvare, hvor man kan dra nøkkelrammer for å justere tiden.

Egnet for raskt å lage komplekse CSS-animasjoner, mer intuitivt enn å skrive @keyframes manuelt. Kan lage lastingsanimasjoner, hover-effekter, sideoverganger osv.

CSS animasjonsgenerator, visuell oppretting av CSS nøkkelrammeanimasjon, støtter flerattribute animasjoner, easing-funksjoner, tidslinjekontroll, genererer @keyframes kode.