مولّد ظل نص CSS

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

مولد ظل النص CSS يتيح لك تأليف ظلال نصية متعددة الطبقات بصرياً والحصول على مخرجات CSS فوراً. تحتوي كل طبقة على عناصر تحكم مستقلة لإزاحة X/Y وشعاع التمويه واللون والتعتيم.

يُطبق التعتيم كقناة ألفا RGBA مما يوفر شفافية سلسة دون حيل خاصة بالمتصفح. يعمل CSS المُنشأ في جميع المتصفحات الحديثة.

كيفية الاستخدام

1. اختر إعداداً مسبقاً للبدء، أو قم بتهيئة الطبقات يدوياً.
2. اكتب نص المعاينة واضبط حجم الخط والألوان.
3. أضف المزيد من الطبقات بـ + إضافة طبقة للتأثيرات المعقدة.
4. انقر على نسخ CSS لنسخ إعلان text-shadow مباشرة في ورقة الأنماط الخاصة بك.

حالات الاستخدام

يقوم مطورو الواجهة الأمامية بإنشاء عناوين قسم البطل بعمق وأبعاد. يقوم المصممون بعمل نماذج لتأثيرات النص في CSS. تقوم فرق التسويق بإنشاء نص CTA لافت للنظر مع تأثيرات التوهج والنيون.

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

• كم عدد الطبقات التي يمكنني إضافتها؟ — لا يوجد حد صارم. يدعم CSS أي عدد من قيم text-shadow المفصولة بفواصل. في الممارسة العملية، تغطي 1-4 طبقات معظم التأثيرات.
• هل يعمل text-shadow في جميع المتصفحات؟ — نعم. يحظى text-shadow بدعم كامل في جميع المتصفحات الحديثة منذ عام 2012.
• ما هو شعاع التمويه 0؟ — ظل ذو حواف حادة بدون تمويه، مفيد للتأثيرات الكلاسيكية أو تأثيرات الحدود.