أضف تأثيرات الحركة لتمييز العناصر عن بقية الصفحة.

اتبع الخطوات أدناه لبدء إضافة الرسوم المتحركة إلى العنصر الخاص بك:

  • انقر على أيقونة +

  • انتقل إلى علامة التبويب المحتوى

  • حدد عنصرا

  • انتقل إلى علامة التبويب الرسوم المتحركة

  • حدد خيار الرسوم المتحركة من إعدادات بدء الرسوم المتحركة

    • عند الظهور يعني أن الرسوم المتحركة ستبدأ بمجرد ظهور العنصر في نافذة المتصفح

    • عند التحويم يعني أن الرسوم المتحركة ستبدأ بمجرد تمرير الماوس فوق العنصر

    • عند النقر يعني أن الرسوم المتحركة ستبدأ بمجرد النقر فوق العنصر

    • "تشغيل" يعني أن الرسوم المتحركة ستظهر بمجرد تشغيلها بواسطة برنامج نصي

  1. حدد الرسوم المتحركة التي ستظهر بمجرد بدء الرسوم المتحركة. على سبيل المثال، إذا قمت بتحديد Hover، فسوف تظهر الرسوم المتحركة بمجرد وضع الماوس فوق العنصر

  2. اختياريًا، حدد خروج الرسوم المتحركة الذي سيظهر بمجرد توقف بدء الرسوم المتحركة. على سبيل المثال، إذا قمت بتحديد Hover، فسوف تظهر الرسوم المتحركة بمجرد عدم وضع الماوس فوق العنصر بعد الآن

  3. قم بتعيين خيار إخفاء العنصر قبل أو بعد الرسوم المتحركة. يتم استخدام هذا بشكل أساسي عندما يتم تعيين In-Animation على رسم متحرك يحتوي على "in". على سبيل المثال: إذا قمت بتحديد إخفاء العنصر قبل الرسوم المتحركة. إذا كان خيار بدء الرسوم المتحركة هو عند النقر ، فلن يكون العنصر مرئيًا حتى تنقر عليه (لذا لا تفعل ذلك).

  4. تعيين حدود العنصر في حدود المظهر . على سبيل المثال، إذا تم التعيين على 50، فستبدأ الرسوم المتحركة بمجرد تمرير العنصر إلى ما بعد منتصف نافذة المتصفح. يؤدي تعيين هذا إلى 100% إلى تحريك العنصر فورًا عند تمرير العنصر إلى نافذة المتصفح.

  5. قم بتشغيل Infinite حتى تستمر الرسوم المتحركة في التكرار

  6. اضبط مدة الرسوم المتحركة بالمللي ثانية (المدة الأقل تعني حركة أسرع)

  7. قم بتعيين تأخير للرسوم المتحركة من خلال إعدادات In-Delay (التأخير الأعلى يساوي حركة أبطأ)

  8. قم بتعيين تأخير للرسوم المتحركة للخارج من خلال إعدادات Out-Delay (التأخير الأعلى يساوي حركة أبطأ)

  9. بمجرد تحديد الإعدادات المفضلة لديك، يمكنك النقر فوق "حفظ التغييرات" وبذلك تكون قد انتهيت!