เครื่องมือสร้างเงา CSS เป็นเครื่องมือออนไลน์ฟรีที่แก้ไข box-shadow แบบเห็นภาพ ปรับ offset blur spread และสีด้วยตัวเลื่อนและดูตัวอย่างแบบเรียลไทม์ รองรับหลายเงาและ inset ประมวลผลในเบราว์เซอร์ ฟรี
box-shadow: 4px 4px 10px 0px rgba(0, 0, 0, 0.25);
lock ไฟล์จะไม่ถูกส่งไปยังเซิร์ฟเวอร์
วิธีใช้งานสร้างเงาเงา?
- ปรับค่า offset blur และ spread ด้วยตัวเลื่อน
- ตั้งค่าสีเงาและความทึบ
- คัดลอกโค้ด CSS ที่สร้างขึ้นและใช้ในโปรเจกต์
คำถามที่พบบ่อยเกี่ยวกับสร้างเงาเงา
สามารถเพิ่มหลายเงาพร้อมกันได้หรือไม่?
ได้ คุณสามารถเพิ่มหลายเงาเพื่อสร้างเอฟเฟกต์ความลึกที่ซับซ้อน แต่ละเงาปรับแต่งแยกกันได้
เงา inset คืออะไร?
เงา inset ปรากฏภายในองค์ประกอบแทนที่จะภายนอก ในขณะที่ box-shadow ปกติปรากฏภายนอก inset สร้างเอฟเฟกต์กดลงไป