التأثيرات العائمة
تجاوز العوامة الأساسية لأعلى ولأسفل. يمنحك ملحق Floating Effects عناصر تحكم احترافية في الرسوم المتحركة لأي عنصر. قم بتحريك موضع العنصر (ترجمة) بشكل مستقل، واجعله يدور على أي محور ثلاثي الأبعاد (قم بتدوير X، Y، Z)، وقم بتمديده أو سحقه (Scale X، Y). قم بإنشاء شعار مائل، أو شارة تنبض، أو صورة تنجرف وتدور بلطف. يتم التحكم في كل ذلك باستخدام حقول أرقام بسيطة ومربعات اختيار مباشرة في محرر Elementor الخاص بك. لا توجد مكونات إضافية، ولا رمز، فقط رسوم متحركة قوية في متناول يدك.
حركة متعددة الاتجاهات (ترجمة)
امنح عناصرك إحساسًا بالحركة العائمة اللطيفة. استخدم عناصر التحكم في الترجمة لتحريكها أفقيًا (المحور X) أو رأسيًا (المحور Y). اضبط نقطة البداية ونقطة النهاية بالبكسل لإنشاء تأثير انجراف ذهابًا وإيابًا أو لأعلى ولأسفل. مثالي لجذب الانتباه إلى الميزات الرئيسية أو إضافة لمسة مرحة إلى تصميمك.
- التعويم الأفقي: اجعل العنصر ينجرف من اليسار إلى اليمين (ترجمة X) مثل سحابة بطيئة الحركة.
- الارتداد العمودي: قم بإنشاء ارتداد لطيف لأعلى ولأسفل (ترجمة Y) للأيقونات أو الشارات.
- الجمع بين المسارات المعقدة: استخدم كلاً من X وY معًا للمسارات العائمة القطرية أو الدائرية.
القياس والتدوير والتوقيت
تجاوز الحركة البسيطة لأعلى ولأسفل. اجعل العناصر تتنفس عن طريق تغيير حجمها. استخدم المقياس X والمقياس Y بشكل مستقل لتمديد أو سحق عرض العنصر وارتفاعه بشكل منفصل. إضافة دوران لدورة بطيئة ومستمرة. يتيح لك هذا إنشاء كل شيء بدءًا من زر الاتصال إلى الإجراء النابض بهدوء وحتى الشعار الذي يدور ببطء.
- تأثيرات النبض: استخدم المقياس X/Y لجعل العنصر ينمو ويتقلص بشكل إيقاعي، مما يجذب العين.
- التحكم المستقل: قم بتمديد عرض العنصر (المقياس X) مع الحفاظ على ارتفاعه كما هو للحصول على حركة فريدة.
- الدوران المستمر: قم بتطبيق التدوير للدوران البطيء الذي لا نهاية له على الشعارات أو الأيقونات الزخرفية.
الأسئلة المتداولة للتأثيرات العائمة
هذا يبدو معقدا. هل من الصعب استخدامه؟
لا على الاطلاق! قد تبدو اللوحة مفصلة لأنها قوية، لكنك تبدأ ببساطة. ما عليك سوى تمكين تأثير واحد (مثل Translate Y)، وتعيين قيمة “To” صغيرة (مثل 20px)، وسيكون لديك رسوم متحركة عائمة. عناصر التحكم الأخرى موجودة عندما تريد أن تصبح أكثر إبداعًا. تتعلم أثناء تقدمك.
هل يمكنني استخدام هذه الدورات ثلاثية الأبعاد على الهاتف المحمول؟
سيعمل التأثير المرئي، لكنه ليس بيئة “true” ثلاثية الأبعاد. إنه يحاكي التدوير ثلاثي الأبعاد باستخدام CSS، المدعوم في جميع متصفحات الأجهزة المحمولة الحديثة. سيبدو رائعًا، ولكن بالنسبة إلى ثلاثي الأبعاد المكثف، ستحتاج إلى أداة مختلفة. بالنسبة لتأثيرات الإمالة والدوران التي تم تصميمه من أجلها، فهو مثالي.
ما هو الاستخدام الجيد في العالم الحقيقي للمقياس X والمقياس Y المنفصلين؟
تخيل زر “Notify Me”. يمكنك استخدام المقياس Y لجعله يسحق بسرعة (إعطاء ردود فعل ملموسة)، ثم العودة إلى الوضع الطبيعي. أو، بالنسبة لمشغل الموسيقى، يمكن أن يستخدم الرسم الموجي الصوتي المقياس Y بشكل مستقل على كل شريط لجعله يتحرك إلى الإيقاع.
هل سيؤدي استخدام العديد من هذه التأثيرات في صفحة واحدة إلى الإضرار بالأداء؟
إذا ذهبت إلى أبعد من ذلك، نعم، يمكنك الحصول على مثل أي شيء. قد يؤدي تطبيق 10-20 رسمًا متحركًا معقدًا مختلفًا على عشرات العناصر إلى حدوث اهتزاز على الأجهزة الأبطأ. المفتاح دقيق. استخدم 1-2 تأثيرات أساسية لكل قسم. العوامة اللطيفة والدوران الطفيف هو كل ما تحتاجه عادةً للحصول على تأثير احترافي وحيوي.
عناصر واجهة المستخدم والملحقات الشائعة
إنشاء مواقع متطورة في وقت أقل.
التشكل الزجاجي
إضافات الحاويات
أنماط
ناسخ البريد/الصفحة
