أدوات المطورين
مولِّد حركات CSS
اختر قالباً، اضبط السرعة والتوقيت — احصل على CSS @keyframes جاهز للنسخ.
ما هو مولِّد حركات CSS?
يبني مولِّد حركات CSS رسوم متحركة بـ@keyframes مع معاينة مباشرة: اختر قالباً (تلاشٍ، انزلاق، ارتداد وأكثر)، اضبط المعاملات واحصل على كود CSS جاهز للنسخ.
كيف تستخدم مولِّد حركات CSS?
- اختر قالب الحركة من القائمة.
- اضبط المدة والتأخير وعدد التكرارات والتوقيت والاتجاه.
- انقر تشغيل للمعاينة المباشرة وانسخ كود CSS.
المميزات الرئيسية
- 6 قوالب: تلاشٍ، انزلاق لأعلى، انزلاق لأسفل، ارتداد، دوران، نبض، اهتزاز
- تحكم في المدة والتأخير والتكرارات والتوقيت والاتجاه
- معاينة مباشرة مع كود CSS جاهز للنسخ
الأسئلة الشائعة
هل يمكنني استخدام الكود في أي متصفح؟
حركات CSS مدعومة في جميع المتصفحات الحديثة. لا حاجة لأي بادئة.
كيف أطبِّق الحركة على عنصر محدد؟
انسخ كود @keyframes وطبِّق خاصية animation على العنصر المطلوب في CSS الخاص بك.
هل الأداة مجانية؟
نعم، الأداة مجانية تماماً ولا تتطلب تسجيلاً.
هل يتم حفظ بياناتي؟
لا. جميع العمليات تتم في متصفحك فقط — لا يُرسَل أي بيان إلى خادم.