แปลงฟรี
สร้าง 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