الأدوات · CSS · مولّد ظل CSS
مولّد ظل CSS
أنشئ ظلًا متعدد الطبقات بخاصية box-shadow في CSS مع معاينة حيّة، ثم انسخ الكود.
أفلت ملفًا هنا، أو اخترْ ملفًا.
تعمل الأداة بالكامل داخل متصفحك. لا يُرفع أي ملف.
جارٍ التنفيذ…
0%
تم.
ملفك جاهز.
تعذّرت معالجة هذا الملف.
جرّب ملفًا آخر، أو أعد المحاولة.
كيف تعمل
ابدأ من شكل جاهز، أو اضبط إزاحة الطبقة وتمويهها وانتشارها ولونها بنفسك.
أضف طبقات أكثر للعمق (حتى 4 طبقات بالإجمالي)، أو احذف أيًا منها.
انسخ كود box-shadow النهائي.
أسئلة شائعة
نعم، حتى أربع طبقات. تُعرَض بالترتيب الذي أضفتها به، وهو نفس الترتيب الذي يطبّقه CSS، فالطبقة الأولى تكون الأقرب إلى العنصر.
الإزاحة الأفقية والرأسية تحرّكان الظل. التمويه يلطّف حافته. الانتشار يكبّر الظل أو يصغّره قبل تطبيق التمويه.
يرسم الظل داخل حدود العنصر بدلًا من خارجه، لمظهر يبدو غاطسًا للداخل.
لا. كل شيء يحدث داخل متصفحك، ولا يُرسَل شيء إلى أي مكان.
التعليقات