Glow and Wave Animationsتأثيرا النبض والموجة للتحميل
أتقن بناء هياكل التحميل التمهيدية في بوتستراب 5 عبر كلاس العناصر النائبة وضبط عرضها وألوانها وأحجامها، وتفعيل حركتي النبض والموجة لبناء بطاقات تحميل احترافية.
3 صفوف تعليمية
بوتستراب 5
0 مشاهدة
شرح صفوف ومحتوى الفقرة
الصف 1
شرح توضيحي
لكي يدرك المستخدم أن التطبيق يعمل فعلياً في الخلفية ولم يتجمد، يوفر Bootstrap 5 حاويتين حركيتين تُوضعان على العنصر الأب المغلِّف للأشرطة النائبة: كلاس .placeholder-glow الذي يصنع نبضاً هادئاً بتدرج الشفافية صعوداً وهبوطاً، وكلاس .placeholder-wave الذي يمرر موجة إضاءة انسيابية عبر قناع mask-image خطي.
اختبر الفروق البصرية الحية بين الأنماط الأربعة في المختبر التفاعلي التالي:
الصف 2
معاينة حية
الصف 3
ملاحظة هامة
جميع فقرات هذا الدرس (العناصر النائبة للتحميل في بوتستراب 5)
