نوبیت وب

تولید انیمیشن CSS آنلاین

انیمیشن‌های کلیدی آماده را با مدت، تأخیر و شتاب دلخواه تنظیم کنید و کد @keyframes را بگیرید.

انیمیشن

نوع انیمیشن

درباره تولید انیمیشن

یکی از هفت انیمیشن آماده (محو شدن، ورود، پرش، تپش، چرخش، لرزش و بزرگ‌نمایی) را انتخاب کنید و مدت، تأخیر و منحنی شتاب آن را تنظیم کنید. گزینه تکرار بی‌نهایت برای پیش‌نمایش پیوسته مناسب است.

کد خروجی شامل بلوک @keyframes و کلاس آماده است؛ کافی است نام انیمیشن را در پروژه خود تغییر دهید.

ابزارهای مرتبط