منشئ CSS Box Shadow

جميع الأدوات
منشئ CSS Box Shadow
صمّم ظلال CSS متعددة الطبقات بمتزلقات مباشرة للإزاحة والتمويه والانتشار واللون والعتامة والإدراج — مع معاينة على عنصر حقيقي ونسخ CSS جاهز للصق فورًا.
معاينة مباشرة
معاينة مباشرة
CSS
box-shadow: —;

كل شيء يتحدّث مباشرةً في متصفحك — بلا رفع، بلا تسجيل، مجانًا تمامًا.

طبقات الظل
px
px
px
px
لون الظل
20%
العنصر واللوحة
16px
إعدادات مسبقة
شارك هذا
أدوات ذات صلة
منشئ توقيع البريد الإلكتروني

صمّم توقيع بريد إلكتروني HTML احترافيًا من 30 قالبًا، وخصّصه واحفظه.
منسّق الشيفرة

جمّل HTML وCSS وJavaScript — أعد المسافة البادئة وأضف فواصل الأسطر لجعل الشيفرة المفوضة أو المضغوطة مقروءة.
مولّد رمز QR

أنشئ رمز QR (URL، نص، Wi-Fi، vCard…) بصيغة PNG.
تحويل أيقونة إلى PNG

حوّل Bootstrap Icons وFont Awesome وغيرها إلى صور PNG مخصصة — مجاناً في متصفحك.
مولّد أيقونات التطبيقات

ولّد مجموعة أيقونات تطبيق كاملة وجاهزة للمتجر لأجل App Store وGoogle Play — خلفيات تدرّج وmesh وأنماط فاخرة، مبنية من شعارك.
مولّد Favicon

أنشئ حزمة favicon كاملة من شعار أو أيقونة خطية أو حروف مختصرة — favicon.ico وصور PNG حديثة وأيقونة Apple touch وأيقونات PWA وبيان ويب ومقتطف HTML.
عمليات البحث الشائعة
منشئ ظل صندوق CSS ظل صندوق CSS منشئ الظل أونلاين صانع ظل CSS ظل صندوق متعدد الطبقات ظل داخلي CSS

أضف هذه الأداة المجانية إلى موقعك الخاص — انسخ والصق الكود أدناه.