مولد الظل نص CSS

CSS Text Shadow Generator هو محرر مرئي لخاصية CSS Text-Shadow. يمكنك ضبط الإزاحة الأفقية والإزاحة الرأسية ونصف قطر الضبابية واللون والتعتيم باستخدام أشرطة التمرير ومشاهدة التأثير الذي يتم عرضه على الهواء مباشرة على نص العينة ، ثم نسخ CSS بالضبط. بدلاً من تخمين قيم البكسل وتحديث صفحتك ، تقوم بتشكيل الظل مباشرة وقراءة الكود الذي ينتجه.

سواء كنت تبحث عن مولد ظل نص CSS، أو أداة CSS لمولد ظل نص أو مولد نص ظل CSS، فإن الإخراج هو نفس الإعلان الفردي. انقر فوق الإعداد المسبق الثابت ويظهر مربع CSS الذي تم إنشاؤه ظل النص: 2px 2px 0px #00000099؛ وهي طبقة سوداء واحدة بسعة 60%، مع كتابة العتامة في آخر رقمين سداسيين. انقر فوق Neon Glow وستحصل على ثلاث طبقات مفصولة بفواصل عند طمس 7px و14px و28px. انسخ CSS السطر بأكمله، بما في ذلك الفاصلة المنقوطة.

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

كل شيء يحدث في متصفحك. اختر إعدادًا مسبقًا مثل Neon Glow أو Outline ، وقم بضبط كل طبقة ، وقم بتبديل المعاينة بين الخلفيات الفاتحة والداكنة ، وتحرير النص النموذجي ، وانسخ CSS. لا يوجد حساب ولا تحميلات ، ويستمر في العمل دون اتصال بمجرد تحميل الصفحة.

يتم تشغيل ترتيب الطبقة من الأول إلى الأخير، ومن الأمام إلى الخلف، بحيث يكون الظل المدرج أولاً في الأعلى. هذا ما يجعل الخطوط العريضة تعمل: أربعة ظلال صغيرة تزاح بكسل واحد في كل اتجاه، مكدسة، تقريبية لضربة ليس لدى CSS خاصية مباشرة لها. نصف قطر التمويه هو الجزء الباهظ الثمن الذي يجب عرضه، والنص الذي يحتوي على العديد من التمويهات الكبيرة المعاد طلاؤها عند التمرير هو سبب شائع للانزلاق على الأجهزة ذات الطاقة المنخفضة. لا تؤثر الظلال أبدًا على التخطيط، لذا يمكنها تجاوز سعة صندوقها وقصها بواسطة أحد الوالدين مع إخفاء الفائض.