مولد ظل النص CSS text-shadow

طريقة الاستخدام

1. أدخل الإزاحة الأفقية، الإزاحة الرأسية، التمويه، لون الظل (HEX) والشفافية.
2. تظهر النتيجة فورًا وتتحدّث مع كل تعديل.
3. انسخ النتيجة، أو انسخ رابطًا يحفظ القيم نفسها لمشاركتها.

طريقة الحساب

text-shadow: الإزاحة الأفقية الإزاحة الرأسية التمويه rgba(أحمر, أخضر, أزرق, الشفافية ÷ 100). لا يدعم ظل النص قيمة الانتشار ولا inset.

مثال

المدخلات: الإزاحة الأفقية = 1 px، الإزاحة الرأسية = 2 px، التمويه = 4 px، لون الظل (HEX) = #000000، الشفافية = ⁦40 %⁩. النتيجة: كود CSS: text-shadow: 1px 2px 4px rgba(0, 0, 0, 0.4);.

#000000

text-shadow: 1px 2px 4px rgba(0, 0, 0, 0.4);

الحدود والملاحظات

• يولّد طبقة ظل واحدة، ويمكنك إضافة طبقات بفاصلة في الكود.
• الظل لا يغني عن تباين كاف بين لون النص والخلفية لسهولة القراءة.