Dev Patrache

ตัวสร้าง 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. 1
    เลือกพรีเซ็ต — เริ่มต้นอย่างรวดเร็วด้วยปุ่มพรีเซ็ต
  2. 2
    ปรับแถบเลื่อน — ปรับเงาโดยใช้แถบเลื่อน X/Y offset, blur และ spread
  3. 3
    ดูตัวอย่าง — ตรวจสอบผลลัพธ์แบบเรียลไทม์ในตัวอย่างด้านบน
  4. 4
    คัดลอก CSS — ใช้ปุ่มคัดลอกเพื่อรับ CSS box-shadow

เครื่องมือที่เกี่ยวข้อง

คำถามที่พบบ่อย

ได้ ใช้ปุ่ม 'เพิ่มเงา' เพื่อซ้อนเงาหลายตัว

รองรับ เปิดใช้งานกล่องกาเครื่องหมาย Inset บนเงาแต่ละตัวเพื่อสร้างเงาด้านใน

มี 5 พรีเซ็ต: Subtle, Medium, Large, Inset และ Double

ได้ คุณสามารถป้อน rgba(0,0,0,0.15) โดยตรงในช่องป้อนสี

ไม่ การคำนวณทั้งหมดทำในเบราว์เซอร์

เว็บไซต์นี้ใช้คุกกี้เพื่อปรับปรุงประสบการณ์และการโฆษณา เรียนรู้เพิ่มเติม