##  [علامة تبويب الرسوم المتحركة](/ar/hc/documentation/learn-dxpr-builder/getting-started/lamt-tbwyb-alrswm-almthrkt) 

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

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

- انقر على أيقونة **+**
- انتقل إلى علامة **التبويب المحتوى**
- حدد عنصرا
- انتقل إلى علامة **التبويب الرسوم المتحركة**
- حدد خيار الرسوم المتحركة من إعدادات **بدء الرسوم المتحركة**
    
    
    - **عند الظهور** يعني أن الرسوم المتحركة ستبدأ بمجرد ظهور العنصر في نافذة المتصفح
    - **عند التحويم** يعني أن الرسوم المتحركة ستبدأ بمجرد تمرير الماوس فوق العنصر
    - **عند النقر** يعني أن الرسوم المتحركة ستبدأ بمجرد النقر فوق العنصر
    - **"تشغيل"** يعني أن الرسوم المتحركة ستظهر بمجرد تشغيلها بواسطة برنامج نصي

1. حدد **الرسوم المتحركة** التي ستظهر بمجرد بدء الرسوم المتحركة. على سبيل المثال، إذا قمت بتحديد Hover، فسوف تظهر الرسوم المتحركة بمجرد وضع الماوس فوق العنصر
2. *اختياريًا،* حدد **خروج الرسوم المتحركة** الذي سيظهر بمجرد توقف بدء الرسوم المتحركة. على سبيل المثال، إذا قمت بتحديد Hover، فسوف تظهر الرسوم المتحركة بمجرد عدم وضع الماوس فوق العنصر بعد الآن
3. قم بتعيين خيار **إخفاء** العنصر قبل أو بعد الرسوم المتحركة. يتم استخدام هذا بشكل أساسي عندما يتم تعيين In-Animation على رسم متحرك يحتوي على "in". على سبيل المثال: إذا قمت بتحديد إخفاء العنصر **قبل** الرسوم المتحركة. إذا كان خيار بدء الرسوم المتحركة هو **عند النقر** ، فلن يكون العنصر مرئيًا حتى تنقر عليه (لذا لا تفعل ذلك).
4. تعيين حدود العنصر في **حدود المظهر** ***.*** على سبيل المثال، إذا تم التعيين على 50، فستبدأ الرسوم المتحركة بمجرد تمرير العنصر إلى ما بعد منتصف نافذة المتصفح. يؤدي تعيين هذا إلى 100% إلى تحريك العنصر فورًا عند تمرير العنصر إلى نافذة المتصفح.
5. قم بتشغيل **Infinite** حتى تستمر الرسوم المتحركة في التكرار
6. اضبط **مدة** الرسوم المتحركة بالمللي ثانية (المدة الأقل تعني حركة أسرع)
7. قم بتعيين تأخير للرسوم المتحركة من خلال إعدادات **In-Delay** (التأخير الأعلى يساوي حركة أبطأ)
8. قم بتعيين تأخير للرسوم المتحركة للخارج من خلال إعدادات **Out-Delay** (التأخير الأعلى يساوي حركة أبطأ)
9. بمجرد تحديد الإعدادات المفضلة لديك، يمكنك النقر فوق **"حفظ التغييرات"** وبذلك تكون قد انتهيت!