مولّد Text Shadow
يضبط مولد ظل النص إزاحة text-shadow وتمويهه ولونه وشفافيته مع معاينة مباشرة، ويتيح لك تكديس عدة طبقات ظل لتأثيرات التوهج والإطار والنص ثلاثي الأبعاد.
2px
2px
5px
50%
48px
AnyTools
حول هذه الأداة
يضبط مولد ظل النص إزاحة text-shadow وتمويهه ولونه وشفافيته مع معاينة مباشرة، ويتيح لك تكديس عدة طبقات ظل لتأثيرات التوهج والإطار والنص ثلاثي الأبعاد.
طريقة الاستخدام
- اضبط الإزاحة الأفقية والعمودية والتمويه.
- اختر لون الظل وشفافيته، إضافة إلى لون النص وحجمه.
- انقر Add Layer لإضافة ظل آخر، وReset Layers للبدء من جديد.
- انقر 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 على سهولة القراءة؟
الظلال الخفيفة قد تحسّن وضوح النص فوق الصور، لكن الظلال الكثيفة تقلل الوضوح — افحص التباين بأداة فحص التباين.