خلفية التدرج المتحركة Elementor (Pro): أقسام التدرج المتحركة
Animated Gradient BG هو امتداد Master Addons Pro الذي يضع تدرجًا خطيًا يتحرك ببطء خلف حاوية أو قسم أو عمود. يمكنك اختيار لونين أو أكثر، الزاوية والمدة والتيسير، وينجرف التدرج ذهابًا وإيابًا في حلقة بدون أي صورة أو ملف فيديو. غالبًا ما يتم استخدامه لأقسام الأبطال ونطاقات الاتصال للعمل والصفحات القادمة قريبًا. للحصول على نص ملون متدرج بدلاً من الخلفية، جرب مجانًا عنوان التدرج القطعة.
لونان أو أكثر، تدرج متحرك واحد
إضافة الألوان في لون قائمة، صف واحد لكل لون. يحتاج الامتداد إلى اثنين على الأقل. فهو يقوم بتباعدهما بالتساوي عبر التدرج الخطي ويكرر اللون الأول في النهاية، وبالتالي فإن الحلقة ليس لها حافة صلبة. لا توجد إعدادات لمواضع توقف الألوان أو التدرج الشعاعي. يقوم المحرر بمعاينة التحديثات أثناء اختيار الألوان.
- قائمة الألوان: إضافة أو تكرار أو حذف الصفوف. عادةً ما يكون من اللونين إلى الأربعة هو الأفضل.
- ألوان شفافة: يقع التدرج على طبقته الخاصة فوق الخلفية العادية للقسم، لذا تسمح الألوان ذات الشفافية بظهور صورة الخلفية.
- أين يعمل: الحاويات والأقسام والأعمدة، في علامة التبويب "النمط". الأدوات لا تحصل على اللوحة.
الزاوية والمدة والتيسير
زاوية يضبط اتجاه التدرج من -45 إلى 180 درجة، مع -45 كخط افتراضي. إجمالي مدة الرسوم المتحركة (ثواني) يمتد من 1 إلى 20 والإعداد الافتراضي إلى 6. إنه الوقت الذي يستغرقه التدرج للانجراف عبره والعودة. تأثير الرسوم المتحركة يضبط التيسير: خطي، أو سهل، أو سهل الدخول، أو سهل الخروج، أو سهل الدخول إلى الخارج، أو أحد المنحنيات الثلاثة الناعمة، مع تصميم المواد (السلس) كإعداد افتراضي.
- بطيئة ودقيقة: من 12 إلى 20 ثانية تعمل بشكل جيد خلف نص البطل.
- دائما على: تبدأ الحلقة عندما يتم تحميل الصفحة ولا تحتوي على مشغل تمرير أو تمرير.
- نعومة الانتقال: يظهر شريط التمرير هذا في اللوحة، لكنه لا يغير الرسوم المتحركة في الإصدار الحالي.
خلفية تدرج العنصر مقابل التدرج المتحرك BG
يحتوي إعداد الخلفية المجاني لـ Elementor على نوع التدرج (تم تحديده في Elementor 4.2.4)، لكن التدرج لا يتحرك. يمكنك تحريكه عن طريق كتابة إطارات مفاتيح CSS بنفسك، أو استخدام الامتداد.
| ميزة | التدرج العنصر | CSS باليد | الرسوم المتحركة التدرج BG |
|---|---|---|---|
| سعر | حر | حر | ماستر أدونز برو |
| حركة | ثابت | نعم، تكتب الإطارات الرئيسية | نعم، بنيت في |
| الألوان | 2، مع مواقع التوقف | أي | 2 أو أكثر، متباعدة بشكل متساوٍ |
| نوع التدرج | خطي أو شعاعي | أي | خطي فقط |
| زاوية | من 0 إلى 360 لكل جهاز | أي | -45 إلى 180 |
| السرعة والتيسير | لا | نعم | المدة من 1 إلى 20 ثانية، 8 خيارات تسهيل |
| يثبت في | لوحة النمط | Css مخصص | لوحة النمط |
بالنسبة للتدرج الثابت، يعد إعداد Elementor الخاص كافيًا ويوفر مزيدًا من التحكم في نقاط التوقف ونوع التدرج. يحفظك الامتداد في كتابة الإطارات الرئيسية عندما تريد أن يتحرك التدرج.
ذات صلة: عنوان التدرج (مجاني) للنص المتدرج، بالإضافة إلى الجسيمات (مجاني) و منزلق الخلفية (مجاني) للخلفيات المتحركة الأخرى.
كيفية إضافة خلفية متدرجة متحركة في Elementor
بمجرد تشغيل الامتداد، تظهر اللوحة في علامة التبويب "النمط" لكل حاوية وقسم وعمود. وهنا التفاصيل التوثيق على خلفية التدرج المتحركة.
- مع Master Addons Pro active، انتقل إلى الإضافات الرئيسية > الامتدادات وتشغيل الرسوم المتحركة التدرج BG.
- قم بتحرير صفحتك باستخدام Elementor وحدد حاوية أو قسمًا أو عمودًا.
- افتح ال أسلوب علامة التبويب وتوسيع خلفية التدرج المتحركة.
- تعيين تمكين التدرج المتحركة إلى نعم. تظهر ثلاثة نماذج من الألوان.
- تغيير الألوان في لون القائمة، ثم تعيين زاوية, إجمالي مدة الرسوم المتحركة (ثواني) و تأثير الرسوم المتحركة.
- قم بتحديث الصفحة وتأكد من أن النص الخاص بك يظل قابلاً للقراءة مقابل كل لون.
الأسئلة المتداولة لرسوم متحركة التدرج BG
هل الرسوم المتحركة المتدرجة BG مجانية؟
رقم إنه جزء من Master Addons Pro. خلفية التدرج المجانية لـ Elementor ثابتة، لذا يحتاج التدرج المتحرك إلى هذا الامتداد أو CSS الخاص بك.
هل يمكنني استخدامه على صورة الخلفية؟
نعم. يتم رسم التدرج على الطبقة الخاصة به فوق الخلفية العادية للقسم. اختر الألوان مع بعض الشفافية في منتقي الألوان وتظهر صورة الخلفية من خلالها.
كم عدد الألوان التي يمكنني استخدامها في رسم متحرك واحد؟
اثنان على الأقل، وعدد ما تضيفه بعد ذلك. يتم تباعد الألوان بالتساوي، لذا عادةً ما يعطي اللونان إلى الأربعة النتيجة الأنظف.
هل يتم تشغيل الرسوم المتحركة طوال الوقت، أم يمكنني تشغيلها أثناء التمرير؟
يتم تشغيله طوال الوقت. تبدأ الحلقة عندما يتم تحميل الصفحة ولا تحتوي على مشغل التمرير أو التمرير. للحصول على تأثير التمرير فقط، ستحتاج إلى CSS الخاص بك، على سبيل المثال مع Css مخصص امتداد.
عناصر واجهة المستخدم والملحقات الشائعة
إنشاء مواقع متطورة في وقت أقل.
التشكل الزجاجي
إضافات الحاويات
أنماط
![ملحق Master Addons Post/Page Duplicator لـ Elementor: رابط صف MA Duplicator في قائمة صفحات WordPress لإنشاء صفحة مقصودة - مسودة [مكررة #128]](https://d1asvmc6qcowgk.cloudfront.net/wp-content/uploads/2026/09/15102930/post-page-duplicator-768x403.webp)
ناسخ البريد/الصفحة
