UTILS.
100% w przeglądarce
⤿

Generator animacji CSS

Twórz animacje keyframe, oglądaj podgląd na żywo i kopiuj CSS.

O tym narzędziu

Wybierz gotową animację z czasem trwania, funkcją czasu i liczbą powtórzeń, obejrzyj ją na żywo, a następnie skopiuj reguły @keyframes i animation. Wszystko działa w Twojej przeglądarce.

Najczęściej zadawane pytania

Co kontroluje liczba powtórzeń?
Określa, ile razy odtworzy się animacja; wybierz infinite, aby zapętlić ją na zawsze, lub liczbę, aby odtworzyć ją tyle razy.
Jak ponownie uruchomić animację?
Naciśnij Odtwórz ponownie — na chwilę usuwa i ponownie stosuje animację, aby podgląd odtworzył się od pierwszej klatki kluczowej.

Więcej narzędzi