UTILS.
%100 tarayıcıda
⤿

CSS Animasyon Oluşturucu

Bir keyframe animasyonu oluşturun, canlı önizleyin ve CSS'i kopyalayın.

Bu araç hakkında

Süre, zamanlama fonksiyonu ve tekrar sayısı ile hazır bir animasyon seçin, canlı çalışmasını izleyin, ardından @keyframes ve animation kurallarını kopyalayın. Hepsi tarayıcınızda çalışır.

Sık sorulan sorular

Tekrar sayısı neyi kontrol eder?
Animasyonun kaç kez oynatılacağını belirler; sonsuza kadar döngü için infinite seçin ya da o kadar kez çalıştırmak için bir sayı girin.
Animasyonu nasıl yeniden başlatırım?
Yeniden oynat'a basın — animasyonu kısa süreliğine kaldırıp yeniden uygular, böylece önizleme ilk keyframe'den itibaren tekrar oynatılır.

Daha fazla araç