ข้ามไปยังเนื้อหา

สร้างเงาเงา

เครื่องมือสร้าง CSS box-shadow ออนไลน์ฟรี ปรับ offset, blur, spread และสี พร้อมดูตัวอย่างสด คัดลอกโค้ดทันที ประมวลผลบนเบราว์เซอร์

เครื่องมือสร้างเงา CSS เป็นเครื่องมือออนไลน์ฟรีที่แก้ไข box-shadow แบบเห็นภาพ ปรับ offset blur spread และสีด้วยตัวเลื่อนและดูตัวอย่างแบบเรียลไทม์ รองรับหลายเงาและ inset ประมวลผลในเบราว์เซอร์ ฟรี

box-shadow: 4px 4px 10px 0px rgba(0, 0, 0, 0.25);
lock ไฟล์จะไม่ถูกส่งไปยังเซิร์ฟเวอร์

วิธีใช้งานสร้างเงาเงา?

  1. ปรับค่า offset blur และ spread ด้วยตัวเลื่อน
  2. ตั้งค่าสีเงาและความทึบ
  3. คัดลอกโค้ด CSS ที่สร้างขึ้นและใช้ในโปรเจกต์

คำถามที่พบบ่อยเกี่ยวกับสร้างเงาเงา

สามารถเพิ่มหลายเงาพร้อมกันได้หรือไม่?

ได้ คุณสามารถเพิ่มหลายเงาเพื่อสร้างเอฟเฟกต์ความลึกที่ซับซ้อน แต่ละเงาปรับแต่งแยกกันได้

เงา inset คืออะไร?

เงา inset ปรากฏภายในองค์ประกอบแทนที่จะภายนอก ในขณะที่ box-shadow ปกติปรากฏภายนอก inset สร้างเอฟเฟกต์กดลงไป