> ## Documentation Index
> Fetch the complete documentation index at: https://docs.scanova.io/llms.txt
> Use this file to discover all available pages before exploring further.

# التأثيرات المتحركة

> تأثيرات حركة للخلفية والبطاقات والأزرار.

تضيف التأثيرات المتحركة طبقات حركة إلى صفحة الهبوط الخاصة بك — جسيمات تطفو عبر الخلفية، أو شعاع ضوء يدور حول حدود بطاقة، أو توهّج ينبض حول زر. هذه التأثيرات بصرية بحتة: فهي تُعرض باستخدام `pointer-events: none`، لذا لا تعيق أبدًا النقرات أو الضغطات على المحتوى الذي تحتها.

## أين تظهر التأثيرات

| الهدف          | ما يغطيه                  | يُضبط من                                                                                                        |
| -------------- | ------------------------- | --------------------------------------------------------------------------------------------------------------- |
| **Background** | كامل الصفحة، خلف كل الكتل | Header **Theme** ← **Customise** ← **Effects**                                                                  |
| **Card**       | سطح كتلة محتوى فردية      | **Customise** ← **Effects** (كل البطاقات) أو علامة التبويب **Design** الخاصة بالكتلة ← **Effects** (كتلة واحدة) |
| **Button**     | كتلة زر فردية             | **Customise** ← **Effects** (كل الأزرار) أو علامة التبويب **Design** الخاصة بالزر ← **Effects**                 |

## ضبط تأثير عام

ينطبق التأثير العام على كل بطاقة أو زر في الصفحة دفعة واحدة (تأثيرات الخلفية عامة دائمًا — إذ توجد خلفية واحدة فقط).

<Steps>
  <Step title="فتح لوحة Theme">
    مع فتح صفحتك في المحرر، انقر على **Theme** في الرأس.
  </Step>

  <Step title="اختيار Customise على الثيم النشط">
    على بطاقة الثيم المطبّق حاليًا، انقر على **Customise**. يفتح هذا لوحة **Customise · Global** في الشريط الجانبي الأيمن.
  </Step>

  <Step title="توسيع قسم Effects">
    مرّر للأسفل وانقر على **Effects** لتوسيعه. سترى ثلاث قوائم منسدلة: **Background effect** و**Card effect** و**Button effect**.
  </Step>

  <Step title="اختيار تأثير">
    افتح قائمة منسدلة واختر تأثيرًا مسمّى. تتحدّث معاينة اللوحة فورًا، بكامل الشدة البصرية — تمامًا كما سيراها الزوّار.

    <Frame caption="لوحة Effects العامة، مع تطبيق Meteor Shower كتأثير خلفية">
      <img src="https://mintcdn.com/scanova-api/q8t3kzcRTgAP7jV0/images/v2/page-builder/animated-effects/background-effect-meteor-applied.png?fit=max&auto=format&n=q8t3kzcRTgAP7jV0&q=85&s=d112388d875937f978a766d3c69a6fe5" alt="قسم Effects في لوحة Customise يعرض Background effect مضبوطًا على Meteor Shower، مع خطوط قطرية ظاهرة في معاينة اللوحة خلف كتلة عنوان الصفحة" width="1440" height="900" data-path="images/v2/page-builder/animated-effects/background-effect-meteor-applied.png" />
    </Frame>
  </Step>

  <Step title="النشر لجعله مباشرًا">
    تُعرض التأثيرات بشكل متطابق في اللوحة وفي الصفحة المنشورة، لذا لا يوجد شيء آخر لإعداده — فقط انشر عندما تكون جاهزًا.
  </Step>
</Steps>

لإزالة تأثير عام، افتح القائمة المنسدلة نفسها واختر **None (disabled)**.

<Frame caption="القائمة المنسدلة Background effect، تعرض جميع تأثيرات الخلفية المسمّاة الثلاثة بالإضافة إلى Preset default وNone (disabled)">
  <img src="https://mintcdn.com/scanova-api/q8t3kzcRTgAP7jV0/images/v2/page-builder/animated-effects/background-effect-dropdown-open.png?fit=max&auto=format&n=q8t3kzcRTgAP7jV0&q=85&s=402c8836ae178fc72f5e72d1313ed2c8" alt="القائمة المنسدلة Background effect مفتوحة، تسرد Preset default وNone (disabled) وMeteor Shower وParticles وAnimated Gradient" width="1440" height="900" data-path="images/v2/page-builder/animated-effects/background-effect-dropdown-open.png" />
</Frame>

## تجاوز التأثير على كتلة واحدة

يمكن لأي كتلة بطاقة أو زر فردية استخدام تأثير مختلف عن الإعداد العام، أو تعطيل التأثيرات كليًا، دون تغيير الإعداد العام لبقية الكتل.

<Steps>
  <Step title="تحديد الكتلة">
    انقر على الكتلة في اللوحة، أو حدّدها من قائمة **Blocks** على اليسار.
  </Step>

  <Step title="فتح علامة تبويب Design للكتلة">
    في المفتّش الأيمن، انقر على **Design**.
  </Step>

  <Step title="توسيع Effects واختيار خيار">
    ضمن عنوان **Effects**، افتح القائمة المنسدلة للتأثير (تُسمّى **Card Effect** أو **Button Effect** حسب نوع الكتلة) واختر:

    * **Theme default** — يرث أيًا كان الإعداد العام. هذا هو الافتراضي لكل كتلة.
    * **None (disabled)** — يعطّل التأثيرات لهذه الكتلة فقط، حتى لو كان الإعداد العام مطبَّقًا عليه أحدها.
    * أي تأثير مسمّى — يتجاوز الإعداد العام ويستخدم هذا التأثير لهذه الكتلة فقط.

    <Frame caption="علامة تبويب Design الخاصة بكتلة، مع فتح القائمة المنسدلة Card Effect">
      <img src="https://mintcdn.com/scanova-api/q8t3kzcRTgAP7jV0/images/v2/page-builder/animated-effects/block-effects-dropdown-open.png?fit=max&auto=format&n=q8t3kzcRTgAP7jV0&q=85&s=830e70e231d863f1248a8f7594125b6c" alt="قسم Effects في علامة تبويب Design للكتلة يعرض القائمة المنسدلة Card Effect مفتوحة بخيارات Theme default وNone (disabled) وBorder Beam وShine Border وNeon Glow" width="1440" height="900" data-path="images/v2/page-builder/animated-effects/block-effects-dropdown-open.png" />
    </Frame>
  </Step>
</Steps>

<Tip>
  هذا مفيد عندما يجب أن تحمل معظم البطاقات في الصفحة تأثيرًا، بينما تبقى واحدة — نموذج أو إخلاء مسؤولية، مثلاً — ثابتة وسهلة القراءة.
</Tip>

## التأثيرات المتاحة

### تأثيرات الخلفية

| التأثير           | الوصف                                            |
| ----------------- | ------------------------------------------------ |
| Meteor Shower     | خطوط قطرية تنطلق عبر الصفحة                      |
| Particles         | نقاط طافية تنجرف ببطء عبر الخلفية                |
| Animated Gradient | تدرّج لوني يتحوّل بنعومة بين الألوان بمرور الوقت |

### تأثيرات البطاقات

| التأثير      | الوصف                                     |
| ------------ | ----------------------------------------- |
| Border Beam  | شعاع ضوء يدور باستمرار حول حدود البطاقة   |
| Shine Border | مسح لمعان ناعم ينزلق على طول حدود البطاقة |
| Neon Glow    | إطار متوهج ينبض حول البطاقة               |

<Frame caption="القائمة المنسدلة Card effect">
  <img src="https://mintcdn.com/scanova-api/q8t3kzcRTgAP7jV0/images/v2/page-builder/animated-effects/card-effect-dropdown-open.png?fit=max&auto=format&n=q8t3kzcRTgAP7jV0&q=85&s=a36dbfaf05381ac13f1974e181f5b925" alt="القائمة المنسدلة Card effect مفتوحة، تسرد Preset default وNone (disabled) وBorder Beam وShine Border وNeon Glow" width="1440" height="900" data-path="images/v2/page-builder/animated-effects/card-effect-dropdown-open.png" />
</Frame>

### تأثيرات الأزرار

| التأثير      | الوصف                                  |
| ------------ | -------------------------------------- |
| Border Beam  | شعاع ضوء يدور باستمرار حول حدود الزر   |
| Shine Border | مسح لمعان ناعم ينزلق على طول حدود الزر |
| Neon Glow    | إطار متوهج ينبض حول الزر               |

<Frame caption="القائمة المنسدلة Button effect">
  <img src="https://mintcdn.com/scanova-api/q8t3kzcRTgAP7jV0/images/v2/page-builder/animated-effects/button-effect-dropdown-open.png?fit=max&auto=format&n=q8t3kzcRTgAP7jV0&q=85&s=db8f1500be5847d2870f1f8f0978b02f" alt="القائمة المنسدلة Button effect مفتوحة، تسرد Preset default وNone (disabled) وBorder Beam وShine Border وNeon Glow" width="1440" height="900" data-path="images/v2/page-builder/animated-effects/button-effect-dropdown-open.png" />
</Frame>

<Note>
  في لوحة Customise العامة، تكون القوائم المنسدلة افتراضيًا على **Preset default** (التأثير الذي يأتي مع الثيم النشط) وليس **Theme default** — هذا التصنيف مخصص للتجاوزات على مستوى الكتلة، حيث يعني "وراثة الإعداد العام". من الناحية الوظيفية، يؤدي اختيار **None (disabled)** دائمًا إلى إيقاف التأثيرات ضمن نطاقه.
</Note>

## معاينة اللوحة مقابل الصفحة المنشورة

تُعرض التأثيرات بكامل الشدة البصرية في كل من محرر اللوحة وصفحة الهبوط المنشورة — ما تراه أثناء التحرير هو ما يراه الزوّار. لا حاجة إلى "وضع معاينة" منفصل للتحقق من شكل التأثير.

## ملاحظات حول الأداء

التأثيرات خفيفة وتُعرض من جهة العميل، ولا تستدعي أي خدمة خارجية. تعمل بالكامل داخل المتصفح ولها تأثير ضئيل على وقت تحميل الصفحة.

## ذات صلة

* [الثيمات](/ar/page-builder/themes) — ضبط التأثيرات الافتراضية على مستوى الثيم من قسم Effects في لوحة Customise.
* [خيارات التصميم](/ar/page-builder/design-options) — مجموعة Effects الخاصة بكل كتلة والتي تتجاوز الإعداد العام.
* [مرجع الكتل](/ar/page-builder/blocks-reference) — الكتل التي تحمل تأثير Card أو Button.