مولد الظل لصندوق CSS

ماذا يفعل

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

صمم ظلال مربعة ذات طبقات بشكل مرئي وانسخ CSS الجاهز للإنتاج.

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

إليك النسخة المختصرة لاستخدام مولد الظل لصندوق CSS.

• تعيين الإزاحات وطمس — اسحب أشرطة التمرير أو اكتب قيم البكسل الدقيقة؛ يتم تحديث بطاقة المعاينة على الفور.
• اختيار اللون والتعتيم — استخدم منتقي الألوان ومنزلق ألفا لمطابقة لوحة الألوان الخاصة بك، بما في ذلك ظلال الوضع الداكن.
• انسخ ملف CSS — أضف المزيد من الطبقات إذا كنت بحاجة إلى ظل أكثر نعومة وطبيعية، ثم انسخ إعلان الظل المربع.

الميزات التي تهم

ما يفعله مولد الظل لصندوق CSS بشكل جيد.

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