• 0

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

  • 0

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

فقط أضف هذا الأمر إلى ملف التنسيقات 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);

المصدر

انشر على الشّبكات الاجتماعية


رابط هذه المساهمة
  • 0

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

مثال:

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

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

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

انشر على الشّبكات الاجتماعية


رابط هذه المساهمة

يجب أن تكون عضوًا لدينا لتتمكّن من التعليق

انشاء حساب جديد

يستغرق التسجيل بضع ثوان فقط


سجّل حسابًا جديدًا

تسجيل الدخول

تملك حسابا مسجّلا بالفعل؟


سجّل دخولك الآن