مولد CSS Text Shadow

مرجع

ما هو CSS text-shadow؟

خاصية CSS text-shadow تضيف تأثيرات ظل على النص. مثل box-shadow، يمكنك تطبيق ظلال متعددة بفصلها بفواصل لإنشاء تأثيرات عمق وتوهج.

صيغة text-shadow

text-shadow: offset-x offset-y blur-radius color;
على عكس box-shadow، لا يدعم text-shadow قيم spread أو inset.

نصائح التصميم

الظلال الخفيفة (إزاحة 1-2px، شفافية منخفضة) تضيف عمقاً دون تشتيت. تأثيرات التوهج تستخدم إزاحة 0 مع ضبابية عالية ولون ساطع. الطبقات المتعددة يمكنها إنشاء تأثيرات نص نيون أو ريترو أو ثلاثية الأبعاد.

الخصوصية

جميع عمليات توليد ظل النص تتم بنسبة 100% في متصفحك. لا يتم إرسال أي بيانات إلى أي خادم.