محول مجاني
مولّد Box Shadow CSS
أنشئ CSS box-shadow بصرياً مع معاينة حية. أضف طبقات ظل متعددة، واضبط الضبابية والانتشار واللون والإدراج — مجاني وعلى جانب العميل.
معاينة حية
Preview
مخرجات CSS
.element {
box-shadow: 4px 4px 16px 0px rgba(0, 0, 0, 0.25);
}طبقة 1
الإزاحة الأفقية4px
-50px50px
الإزاحة الرأسية4px
-50px50px
نصف قطر الضبابية16px
0px100px
نصف قطر الانتشار0px
-50px50px
لون الظل
#000000
الشفافية25%
0%100%
داخلي
outset