UTILS.
۱۰۰٪ در مرورگر
⤿

تولیدکننده انیمیشن CSS

یک انیمیشن keyframe بسازید، آن را به‌صورت زنده پیش‌نمایش کنید و CSS را کپی کنید.

درباره این ابزار

یک انیمیشن آماده با مدت، تابع زمان‌بندی و تعداد تکرار انتخاب کنید، اجرای زنده‌ی آن را تماشا کنید، سپس قواعد @keyframes و animation را کپی کنید. همه‌چیز در مرورگر شما اجرا می‌شود.

پرسش‌های پرتکرار

تعداد تکرار چه چیزی را کنترل می‌کند؟
تعیین می‌کند انیمیشن چند بار پخش شود؛ برای حلقه‌ی بی‌پایان infinite را انتخاب کنید یا یک عدد بگذارید تا همان تعداد بار اجرا شود.
چگونه انیمیشن را دوباره از ابتدا اجرا کنم؟
روی پخش مجدد بزنید — به‌طور لحظه‌ای انیمیشن را حذف و دوباره اعمال می‌کند تا پیش‌نمایش از نخستین keyframe دوباره پخش شود.

ابزارهای بیشتر