شرح صفوف ومحتوى الفقرة
لا تقيدك خاصية text-shadow بظل يتيم؛ بل يمكنك تركيب ظلين أو أكثر على العنصر نفسه بفصل كل ظل عن الذي يليه بفاصلة أجنبية , داخل التصريح ذاته، لابتكار بروز متدرج الأبعاد أو دمج حد قريب دقيق مع هالة خارجية ناعمة.
انتبه جيداً لقاعدة ترتيب الطبقات من الأمام إلى الخلف: يرسم المتصفح الظل الأول في القائمة أقرب ما يكون إلى النص (فوق الظلال التالية له)، بينما يُدفع الظل الأخير إلى أعمق نقطة في الخلفية. وفي العناوين العربية تحديداً، التزم بإزاحات معتدلة (1px إلى 3px) كي تبقى نقاط الإعجام وعلامات التشكيل واضحة المعالم.
.stepped-title {
color: #261f36;
text-shadow: 2px 2px 0 #ddd6fe, 4px 4px 0 #7750b2;
}
.dual-halo {
color: #ffffff;
background-color: #1e1b4b;
text-shadow: 0 2px 3px #312e81, 0 0 14px #c4b5fd;
}ملخص الدرس
حصاد الدرسمراجعة مركّزة لأهم المفاهيم والقواعد الهندسية التي أتقنتها في هذا الدرس قبل التطبيق العملي
ماذا تعلّمت في هذا الدرس؟
أصبحت الآن متمكناً من تصميم ظلال النصوص الحادة والمموهة بضبط الإزاحتين الأفقية والرأسية ونصف قطر التمويه الموجب وتلوينها بالكلمات المسماة وأكواد #rrggbb وتركيب عدة ظلال بالفاصلة. في الخطوة التالية ننتقل إلى درس اتجاه النصوص في لغة CSS لإدارة النصوص العربية والإنجليزية المختلطة باحتراف وأمان.