مولّد text-shadow بـ CSS

اضبط إزاحة ظل نص CSS وضبابيته ولونه واحصل فورًا على قيمة text-shadow المقابلة مع معاينة مباشرة. حساب محلي 100% داخل متصفحك — ولا يُرسل شيء إلى خادم.

أمثلة:
معاينة
شيفرة CSS

كيف يعمل

تقبل خاصية CSS ‏text-shadow إزاحة أفقية وإزاحة عمودية ونصف قطر ضبابية اختياريًا ولونًا. تتيح لك هذه الأداة ضبط كل قيمة بالمنزلقات ومشاهدة النتيجة فورًا على نص تجريبي، لتكوين تأثير بروز أو توهج أو طابع قديم (ريترو) دون تخمين القيم يدويًا.

هل يمكنني تكديس عدة ظلال على النص نفسه؟

نعم، فالخاصية text-shadow تقبل عدة تصريحات مفصولة بفواصل (مثلًا لتأثير نيون بعدة هالات متراكبة). تولّد هذه الأداة ظلًا واحدًا في كل مرة؛ ويمكنك نسخ النتيجة وجمعها يدويًا مع قيم أخرى عند الحاجة.

كيف أحصل على تأثير «نيون» مقنع؟

اجعل الإزاحتين الأفقية والعمودية 0، وزد الضبابية بقوة، واختر لونًا زاهيًا على خلفية داكنة: هذه هي التركيبة نفسها التي يستخدمها الإعداد الجاهز «تأثير نيون» أعلاه.

لا تغادر أي بيانات جهازك: يتم الحساب والمعاينة بالكامل محليًا في متصفحك.