مولد ظل النص CSS (Text Shadow)

ظل النص أداة قوية لفصل التيبوغرافيا بصرياً عن الخلفية. استخدامه بشكل مناسب يحسن القراءة.

صياغة text-shadow

text-shadow: أفقي رأسي ضبابية لون;
text-shadow: 2px 2px 4px rgba(0,0,0,0.5);

/* طبقات متعددة */
text-shadow: 1px 1px 2px black, 0 0 25px blue;

تأثيرات النص الشائعة

• ظل أساسي: text-shadow: 2px 2px 4px rgba(0,0,0,0.3)
• تأثير النيون: طبقات متعددة من الظلال الملونة
• النقش: مزيج ظل فاتح وداكن
• توهج: نصف قطر ضبابي كبير بنفس اللون
• ثلاثي الأبعاد: ظلال متدرجة لعمق بصري

تحذيرات الاستخدام

• الظل القوي يضر بقابلية القراءة
• استخدم بخفة للنص الأساسي
• مناسب للعناوين والبانرات وأقسام Hero
• تباين الألوان يجب أن يكفي بدون الظل