ماهي طريقة إدراج ظل للنص عبر CSS ؟

خاصية text-shadow ستفي بالغرض

TEXT SHADOW

يمكنك إضافة ظل للنصوص باللون الذي ترغبه وبطريقة عرض الظل التي تناسبك.

فقط أضف هذا الأمر إلى ملف التنسيقات CSS لعنصر الـ HTML الذي ترغب أن يَظهر ظلاً لمحتواه النصي :

text-shadow: Xpx Ypx Zpx rgba(R, G, B, A);

مع مراعاة استبدال الأحرف إلى قيم رقمية وفق الآتي :
X : رقم يدل على مسافة ابتعاد الظل عن النص بشكل أفقي.
Y : رقم يدل على مسافة ابتعاد الظل عن النص بشكل شاقولي.
Z : رقم يدل على حجم Blur للظل (أن يصبح الظل أكثر ضبابيةً).
R,G,B : ثلاثة قيم مجالها (من 0 إلى 255) تشكّل لون الظل حيث أن R للون الأحمر وG للون الأخضر B للون الأزرق.
A : قيمة مجالها (من 0 إلى 1) تحدد الشفافية للظل.

مثال عن ظل للنص يظهر أسفل النص مباشرة باللون الأسود وبشفافية متوسطة :

text-shadow: 0px 3px 0px rgba(0, 0, 0, 0.5);

المصدر

 الخاصية المستعملة هي text-shadow و استعمالها بسيط 

مثال:

<h2> تظليل نص </h2>

نُضيف الخاصيّة:

h2 {
    color: #565252;
    text-shadow: 3px 3px 1px #B0B6B7;
}