ตัวสร้าง CSS Box Shadow
box-shadow: 4px 4px 10px 0px rgba(0, 0, 0, 0.15);Drop Shadow
อัปเดตล่าสุด: 2026 · เครื่องมือออนไลน์ฟรี
ตัวสร้าง CSS Box Shadow คืออะไร?
ตัวแก้ไขภาพออนไลน์ฟรีสำหรับสร้าง CSS box-shadow และคัดลอกโค้ด
วิธีใช้งาน
- 1 เลือกพรีเซ็ต — เริ่มต้นอย่างรวดเร็วด้วยปุ่มพรีเซ็ต
- 2 ปรับแถบเลื่อน — ปรับเงาโดยใช้แถบเลื่อน X/Y offset, blur และ spread
- 3 ดูตัวอย่าง — ตรวจสอบผลลัพธ์แบบเรียลไทม์ในตัวอย่างด้านบน
- 4 คัดลอก CSS — ใช้ปุ่มคัดลอกเพื่อรับ CSS box-shadow
เครื่องมือที่เกี่ยวข้อง
คำถามที่พบบ่อย
ได้ ใช้ปุ่ม 'เพิ่มเงา' เพื่อซ้อนเงาหลายตัว
รองรับ เปิดใช้งานกล่องกาเครื่องหมาย Inset บนเงาแต่ละตัวเพื่อสร้างเงาด้านใน
มี 5 พรีเซ็ต: Subtle, Medium, Large, Inset และ Double
ได้ คุณสามารถป้อน rgba(0,0,0,0.15) โดยตรงในช่องป้อนสี
ไม่ การคำนวณทั้งหมดทำในเบราว์เซอร์