حول مولد الرسوم المتحركة CSS
قم بتكوين الاسم والمدة والتخفيف وعدد التكرار ومسافة السفر. تقوم الأداة بإخراج @keyframes بالإضافة إلى فئة الأداة المساعدة، مع معاينة مباشرة.
كيفية استخدامه
- 1قم بتسمية الرسوم المتحركةاستخدم اسم فئة قصيرًا ووصفيًا.
- 2ضبط التوقيتالمدة وسهولة التحكم في شعور الحركة.
- 3انسخ ملف CSSقم بلصق الإطارات الرئيسية والفئة في ورقة الأنماط الخاصة بك.
لماذا استخدام هذا مولد الرسوم المتحركة css؟
- لا شيء يترك جهازك. يحدث العمل في علامة تبويب المتصفح الخاص بك. لا توجد نقطة نهاية للتحميل في هذا التطبيق، لذلك لا يمكننا تخزين ملفاتك ونصوصك أو تسجيلها أو مشاهدتها.
- لا يوجد انتظار التحميل. يمكنك تخطي الرحلة ذهابًا وإيابًا إلى الخادم تمامًا. تقتصر النتائج على وحدة المعالجة المركزية الخاصة بك، وليس على سرعة الشبكة أو حجم قائمة الانتظار.
- مجاني، بدون حساب، بدون حصص. لا يوجد جدار للتسجيل، ولا علامة مائية، ولا حد يومي. الحسابات الاختيارية موجودة فقط لحفظ المفضلة والإعدادات المسبقة عبر الأجهزة.
الأسئلة المتداولة
هل CSS الخاص بي آمن للاستخدام هنا؟
نعم. تعمل هذه الأداة بالكامل في متصفحك باستخدام JavaScript. لا يتم إرسال أي شيء تقوم بلصقه أو فتحه إلى الخادم، ولا تحتفظ الصفحة بأي نسخة بعد إغلاقها.
هل أحتاج إلى إنشاء حساب؟
لا، كل أداة قابلة للاستخدام بالكامل دون تسجيل الدخول. يضيف الحساب فقط المفضلات المحفوظة والإعدادات المسبقة القابلة لإعادة الاستخدام.
هل يعمل على الهاتف؟
نعم. تعتمد الواجهة على الأجهزة المحمولة أولاً وتتميز بأهداف لمس كبيرة وتخطيط مكدس، لذا فهي تعمل على الهواتف والأجهزة اللوحية بالإضافة إلى أجهزة الكمبيوتر المكتبية.
كيف أحترم انخفاض الحركة؟
قم بلف الرسوم المتحركة في @media (يفضل الحركة المخفضة: بدون تفضيل) أو قم بتوفير تجاوز الحركة المنخفضة الذي يعطلها.
لماذا تتم إعادة تشغيل المعاينة؟
يؤدي تغيير أي إعداد إلى إعادة بناء الفصل، مما يؤدي إلى إعادة تشغيل الرسوم المتحركة حتى تتمكن من رؤية التوقيت الجديد.