مولد ظل النص CSS — مجاني على الإنترنت
انشئ تاثيرات ظل النص CSS بصريا مع معاينة مباشرة.
Who uses the مولد ظل النص CSS?
- مصممو الويب الذين يضيفون عمقًا ولمسة احترافية دقيقة لطباعة العناوين في أقسام البطل.
- متعلمو CSS الذين يستكشفون خصائص text-shadow من خلال التجريب البصري الحي.
- مطوّرو الواجهة الأمامية الذين يعيدون إنشاء تأثير نص طبقة واحدة من نموذج Figma في CSS الإنتاج.
How the مولد ظل النص CSS works
انظر إلى نص المعاينة واضبط الإزاحة X، والإزاحة Y، ونصف قطر التمويه، ولون/شفافية الظل باستخدام عناصر التحكم.
راقب تحدث المعاينة مباشرة أثناء ضبط كل شريط تمرير.
للتأثيرات متعددة الطبقات (توهج نيون، حدود خارجية، نص ثلاثي الأبعاد)، راجع الأسئلة الشائعة للحصول على CSS يمكنك كتابته يدويًا باستخدام ناتج هذه الأداة كنقطة بداية.
انسخ قيمة خاصية CSS الخاصة بـtext-shadow من لوحة الناتج.
Tips & tricks
- تُنشئ هذه الأداة ظلًا واحدًا — لتأثيرات التوهج أو الحد الخارجي أو ثلاثية الأبعاد، أنشئ كل طبقة بشكل منفصل وادمج القيم المفصولة بفواصل يدويًا (راجع الأمثلة في الأسئلة الشائعة).
- الإزاحة الصفرية X/Y مع التمويه فقط تُنشئ توهجًا متماثلًا؛ الإزاحات غير الصفرية تُنشئ بدلًا من ذلك ظلًا اتجاهيًا مسقطًا.
- التمويه المنخفض مع لون صلب (غير شفاف) يبدو كتأثير حد خارجي حاد الحواف؛ والتمويه الأعلى يبدو كتوهج ناعم.
- لا توجد مكتبة إعدادات مسبقة — يبدأ كل تأثير هنا بضبط يدوي لنفس عناصر التحكم الأربعة (X، Y، التمويه، اللون).
Frequently Asked Questions
ما صياغة CSS لـtext-shadow؟
text-shadow: إزاحة-X إزاحة-Y نصف-قطر-التمويه اللون. مثال: text-shadow: 2px 2px 4px rgba(0,0,0,0.5). ظلال متعددة: text-shadow: 1px 1px red, 2px 2px blue. تُرسم الظلال بالترتيب من الأول إلى الأخير.
هل تُنشئ هذه الأداة تأثيرات متعددة الطبقات مثل توهج النيون تلقائيًا؟
لا — تُنشئ هذه الأداة طبقة ظل واحدة في كل مرة. لتوهج نيون، أنشئ طبقة هنا، انسخها، ثم كدّس عدة طبقات يدويًا بإزاحة 0 وتمويه متزايد: text-shadow: 0 0 5px #fff, 0 0 10px #fff, 0 0 15px #0ff, 0 0 20px #0ff. ادمج عدة نسخ من هذه الأداة بفواصل.
كيف أنشئ حدًا خارجيًا للنص باستخدام text-shadow؟
استخدم أربعة ظلال بإزاحة 1px في جميع الاتجاهات: text-shadow: 1px 0 black, -1px 0 black, 0 1px black, 0 -1px black. أنشئ إزاحة واحدة هنا، انسخها، وكرر ذلك يدويًا مع الإزاحات الثلاث الأخرى.
كيف أنشئ نصًا بارزًا ثلاثي الأبعاد؟
كدّس عدة ظلال قطرية بمقدار 1px تدريجيًا: text-shadow: 1px 1px 0 gray, 2px 2px 0 gray, 3px 3px 0 gray, 4px 4px 0 gray. لا تملك هذه الأداة إعدادًا مسبقًا لتأثير ثلاثي الأبعاد — أنشئ كل طبقة هنا وادمجها يدويًا.
هل يؤثر text-shadow على التخطيط أو وضوح النص؟
لا يؤثر text-shadow على التخطيط (لا تأثير على نموذج الصندوق). يمكن أن يضر التمويه المفرط للظل أو الظلال منخفضة التباين بالوضوح. اختبر دائمًا الوضوح عند أحجام الشاشة ونسب التباين المستهدفة.
Is my data safe when using the مولد ظل النص CSS?
Completely safe. The مولد ظل النص CSS processes everything locally in your browser. No input data, results, or usage information is ever transmitted to or stored on any server.
Can I use the مولد ظل النص CSS output in commercial projects?
Yes. The مولد ظل النص CSS is a utility tool and its output carries no licensing restrictions. You are free to use results in any project, commercial or personal.
Does the مولد ظل النص CSS follow official standards?
Yes. The مولد ظل النص CSS is built to comply with the relevant industry standard or specification for this utility type. If you encounter an unexpected result, verify your input against the specification — edge cases outside the standard may produce undefined behaviour.