التأثيرات العائمة للعنصر (Pro): ترجمة الحركة وتدويرها وقياسها
Floating Effects هو امتداد Master Addons Pro الذي يمنح أي عنصر واجهة مستخدم Elementor حركة متكررة. قم بتشغيل الترجمة أو التدوير أو القياس، وقم بتعيين قيمة من وإلى، وتتحرك الأداة بينهما وتعود مرة أخرى طالما أن الصفحة مفتوحة. إنها تناسب صور الأبطال العائمة والأيقونات المنجرفة والشارات النابضة، بدون إطارات مفاتيح للكتابة.
ترجمة: تعويم لأعلى أو لأسفل أو جانبيًا
ترجمة س و ترجمة ي يأخذ كل منها قيمة من وإلى بين -100 و100 بكسل. تنتقل الأداة من القيمة الأولى إلى الثانية والعودة، مع سهولة الدخول والخروج بسلاسة. الافتراضي هو 0 إلى 5 بكسل، وهو انحراف صغير جدًا.
- تعويم عمودي: ترجمة Y من 0 إلى 15 بكسل تعطي أيقونة أو شارة بوب لطيفة.
- الانجراف الجانبي: تقوم ترجمة X بتحريك عنصر واجهة المستخدم ببطء إلى اليسار واليمين.
- كلا المحورين: يقوم X وY معًا بتحريك الأداة على طول خط قطري، لأنهما يشتركان في نفس التوقيت.
تدوير وقياس وتوقيت
تدوير يحتوي على منزلقات X وY وZ من -180 إلى 180 درجة، و مقياس لديه X وY من 0 إلى 5، مع 1 إلى 1.2 كإعداد افتراضي. مثل الترجمة، كلاهما يتأرجح من إلى إلى وإلى الخلف، لذا فإن التدوير هو تأثير وليس دوران كامل. كل تحويل لديه مدة تصل إلى 10000 مللي ثانية (1000 عند تركها فارغة) و تأخير تصل إلى 5000 مللي ثانية.
- نبض: مقياس X وY من 1 إلى 1.05 يجعل الزر ينمو ويتقلص بلطف.
- تمايل: قم بتدوير Z من -5 إلى 5 درجات بما يناسب العلامة أو الشارة المعلقة.
- جدول زمني واحد: التحويلات المجمعة تشترك في توقيت واحد. يتم استخدام مدة الترجمة والتأخير أولاً، ثم التدوير، ثم المقياس.
تأثيرات حركة العنصر مقابل التأثيرات العائمة للإضافات الرئيسية
يحتوي Elementor على نوعين من الحركة (تم تحديده على Elementor 4.2.4 مع Pro). يتم تشغيل الرسوم المتحركة للمدخل، في Elementor المجاني، مرة واحدة عند ظهور عنصر واجهة المستخدم. تقوم تأثيرات الحركة، في Elementor Pro، بتحريك عنصر واجهة المستخدم أثناء قيام الزائر بالتمرير أو تحريك الماوس. لا يتم ملء أي من الحلقات من تلقاء نفسها، وهذه هي الفجوة التي تملأها التأثيرات العائمة.
| ميزة | الرسوم المتحركة لمدخل العنصر | تأثيرات الحركة Elementor Pro | الإضافات الرئيسية التأثيرات العائمة |
|---|---|---|---|
| سعر | حر | إليمنتور برو | ماستر أدونز برو |
| ما يبدأ | القطعة تظهر مرة واحدة | تمرير الصفحة أو حركة الماوس | لا شيء، فهو يدور من تلقاء نفسه |
| حركة | يتلاشى الإعداد المسبق، وينزلق، ويكبير، ويرتد | التمرير الرأسي والأفقي، الشفافية، التمويه، التدوير، القياس، مسار الماوس، الإمالة ثلاثية الأبعاد | ترجمة X وY، وتدوير X وY وZ، ومقياس X وY |
| قيمك | المدة والتأخير | السرعة والاتجاه ونطاق إطار العرض | من وإلى القيم والمدة والتأخير |
| يعمل على | الحاجيات والحاويات | الحاجيات والحاويات | الحاجيات فقط |
إذا كنت تريد ربط الحركة بالتمرير أو المؤشر، فإن Elementor Pro Motion Effects هو الأنسب. التأثيرات العائمة مخصصة لحركة لطيفة تستمر دون أي إدخال من الزائر.
امتدادات الحركة الأخرى في Pro: يحول, الرسوم المتحركة المدخل و يكشف.
كيفية إضافة التأثيرات العائمة في العنصر
بمجرد تشغيل الامتداد، توجد لوحة التأثيرات العائمة في علامة التبويب "متقدم" لكل عنصر واجهة مستخدم.
- مع Master Addons Pro active، انتقل إلى الإضافات الرئيسية > الامتدادات وتشغيل التأثيرات العائمة.
- قم بتحرير صفحتك باستخدام Elementor وحدد عنصر واجهة المستخدم الذي تريد نقله، مثل صورة أو رمز.
- افتح ال متقدم علامة التبويب، توسيع التأثيرات العائمة وضبطه على نعم.
- تشغيل يترجم, تدوير أو مقياس وقم بتعيين القيم من وإلى.
- تعيين مدة و تأخير، ثم تحقق من الحركة في معاينة المحرر.
- تحديث الصفحة. للحصول على إرشادات أطول مع الصور، اقرأ موقعنا البرنامج التعليمي للتأثير العائم.
الأسئلة المتداولة للتأثيرات العائمة
هل التأثيرات العائمة مجانية؟
No. Floating Effects هو جزء من Master Addons Pro. يحتوي Free Elementor على رسوم متحركة للمدخل يتم تشغيلها مرة واحدة، ولكن لا يوجد عوامة متكررة.
هل يمكنني استخدامه على الأقسام أو الحاويات؟
لا. توجد لوحة التأثيرات العائمة فقط في علامة التبويب "متقدم" للعناصر. لتعويم مجموعة من العناصر، قم بتطبيقها على كل عنصر واجهة مستخدم، أو دمجها في صورة واحدة قبل إضافة التأثير.
هل يمكن للدوران أن يدور على طول الطريق؟
ليس كدوران مستمر. ينتقل التدوير من القيمة إلى القيمة إلى القيمة والعودة، في حدود -180 إلى 180 درجة، لذلك فهو يعمل بشكل أفضل كتأرجح أو إمالة.
هل سيؤدي استخدام العديد من هذه التأثيرات في صفحة واحدة إلى الإضرار بالأداء؟
بعض الأدوات العائمة جيدة. تستخدم الحركة مكتبة Anime.js الصغيرة ولا تغير سوى تحويلات 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)
ناسخ البريد/الصفحة
