2px
2px
5px
50%
48px
AnyTools

حول هذه الأداة

يضبط مولد ظل النص إزاحة text-shadow وتمويهه ولونه وشفافيته مع معاينة مباشرة، ويتيح لك تكديس عدة طبقات ظل لتأثيرات التوهج والإطار والنص ثلاثي الأبعاد.

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

  1. اضبط الإزاحة الأفقية والعمودية والتمويه.
  2. اختر لون الظل وشفافيته، إضافة إلى لون النص وحجمه.
  3. انقر Add Layer لإضافة ظل آخر، وReset Layers للبدء من جديد.
  4. انقر Copy CSS.

معلومات مفيدة

  • صياغة text-shadow هي: offset-x offset-y blur-radius color.
  • على عكس box-shadow، لا تحتوي text-shadow على قيمة انتشار ولا على الكلمة المفتاحية inset.
  • تُفصل الظلال المتعددة بفواصل، ويُرسم الظل الأول في الأعلى.
  • الظل بإزاحة صفرية مع تمويه ينشئ تأثير توهج.
  • تكديس عدة إزاحات بمقدار 1 px يمنح مظهرًا ثلاثي الأبعاد أو بارزًا.

تعمل بالكامل داخل متصفحك — لا يتم رفع أو حفظ أي شيء تُدخله.

الأسئلة الشائعة

كيف أضيف ظلًا إلى النص في CSS؟

استخدم text-shadow، مثل text-shadow: 2px 2px 4px rgba(0,0,0,0.5);

كيف أنشئ نصًا متوهجًا؟

استخدم إزاحات صفرية مع تمويه ولون ساطع، مثل text-shadow: 0 0 8px #1db954; وكدّس الطبقات للحصول على توهج أقوى.

هل يمكنني استخدام أكثر من ظل للنص؟

نعم. افصل بين الظلال بفواصل، وتضيف هذه الأداة كل طبقة نيابةً عنك.

هل تؤثر text-shadow على سهولة القراءة؟

الظلال الخفيفة قد تحسّن وضوح النص فوق الصور، لكن الظلال الكثيفة تقلل الوضوح — افحص التباين بأداة فحص التباين.