منشئ ظل النص CSS
صمّم ظل نص (text-shadow) بتحديد الإزاحة والتمويه واللون والشفافية — مع معاينة حية على نص تجريبي.
944 مشاهدة
عنوان تجريبي
خاصية text-shadow
الصيغة: text-shadow: x y تمويه لون (بلا انتشار spread، خلافًا لـ box-shadow). الظلال الخفيفة ترفع العناوين عن الصفحة بصريًا؛ الإزاحات القوية مع تمويه صفري تُنتج نمط "الظل الحاد" الرجعي؛ وتكديس عدة ظلال مفصولة بفواصل يمكن أن يحاكي الحدود الخارجية وتوهج النيون.
الأسئلة الشائعة
كيف أصنع توهجًا بأسلوب النيون؟
استخدم إزاحة صفرية وكدّس ظلالًا بتمويه متزايد بلون فاتح: 0 0 6px، 0 0 12px، 0 0 24px — كلها بلون التوهج نفسه، على خلفية داكنة.
هل يؤثر text-shadow على إمكانية الوصول؟
الظلال الثقيلة قد تضر بوضوح القراءة. اترك نص المتن بلا ظل واستخدم التأثيرات للعناوين الكبيرة فقط؛ وتحقق دائمًا من التباين بعد التطبيق.
أدوات مشابهة
منشئ تدرجات CSS
صمّم تدرجات CSS خطية ودائرية ومخروطية مع معاينة حية، وانسخ الكود مباشرة.
أنشئ
منشئ ظل الصندوق CSS
صمّم ظل الصندوق (box-shadow) بصريًا — الإزاحات، التمويه، الانتشار، اللون، الشفافية وinset — مع معاينة حية.
أنشئ
منشئ استدارة الحواف CSS
دوّر كل زاوية على حدة أو جميعها معًا، بوحدة px أو %، مع معاينة حية وكود CSS قابل للنسخ.
أنشئ
منشئ حدود CSS
صمّم حدًا بصريًا — السماكة، النمط (solid, dashed, dotted, double…)، اللون، ونصف القطر — مع معاينة حية.
أنشئ
الإبلاغ عن مشكلة
منشئ ظل النص CSS