انتقل إلى محتوى الدرس

Growing Pulse Spinners مؤشر التحميل النابض النامي

تعلّم بناء مؤشرات التحميل الحلقي والنابض في بوتستراب 5.3 بـ CSS الخالص، وتلوينها بكلاسات النصوص، ومحاذاة أحجامها، ودمجها داخل أزرار الإرسال المعطلة مؤقتاً.
2 صفوف تعليمية
بوتستراب 5
0 مشاهدة

شرح صفوف ومحتوى الفقرة

الصف 1 شرح توضيحي

إذا كنت تفضّل مؤشراً نابضاً هادئاً بدلاً من الحلقة الدوارة المستمرة، استبدل الكلاس الأساسي بـ .spinner-grow؛ حيث تتمدد دائرة مصمتة من الصفر حتى حجمها الكامل ثم تتلاشى بنعومة متكررة. ولأن خلفيتها مضبوطة أيضاً على background-color: currentColor، فهي تتلون بنفس كلاسات .text-* تماماً!

الصف 2 ملاحظة هامة