CSS Animation generaator
Loo CSS keyframe animatsioone visuaalselt reaalajas eelvaatega. Vali eelseadetest nagu bounce, pulse, shake, spin. Kohanda kestust, ajastust ja muud. Kopeeri CSS-kood. Tasuta veebitööriist.
Eelvaade
CSS-väljund
Viide
Mis on CSS-animatsioonid?
CSS-animatsioonid võimaldavad animeerida CSS-omaduste väärtuste vahelisi üleminekuid aja jooksul. Need koosnevad kahest osast: @keyframes reeglitest, mis määravad animatsiooni etapid, ja animation omadusest, mis juhib ajastust, suunda ja taasesitust.
Animatsiooni eelseaded
See tööriist sisaldab tavalisi animatsiooni eelseadeid: bounce (vertikaalne põrkamine), pulse (skaleerimine üles-alla), shake (horisontaalne raputamine), spin (360° pööramine), fadeIn/fadeOut (läbipaistmatuse üleminekud), slideIn/slideOut (nihutamine küljelt), swing (pendlipööramine) ja wobble (asümmeetriline raputamine).
Privaatsus
Kogu animatsioonide genereerimine toimub 100 % sinu brauseris. Ühtegi andmeid ei saadeta serverisse.