اذهب إلى المحتوى
  • 0

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

فراس الامير

السؤال

Recommended Posts

  • 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);

المصدر

رابط هذا التعليق
شارك على الشبكات الإجتماعية

انضم إلى النقاش

يمكنك أن تنشر الآن وتسجل لاحقًا. إذا كان لديك حساب، فسجل الدخول الآن لتنشر باسم حسابك.

زائر
أجب على هذا السؤال...

×   لقد أضفت محتوى بخط أو تنسيق مختلف.   Restore formatting

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   جرى استعادة المحتوى السابق..   امسح المحرر

×   You cannot paste images directly. Upload or insert images from URL.

  • إعلانات

  • تابعنا على



×
×
  • أضف...