مبدل رایگان
ساختدهنده Box Shadow CSS
CSS box-shadow را به صورت بصری با پیشنمایش زنده تولید کنید. چندین لایه سایه اضافه کنید، تاری، گستردگی، رنگ و inset را تنظیم کنید — رایگان و سمت کلاینت.
پیشنمایش زنده
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