Interactive box-shadow builder with multi-layering, real-time Canvas preview, and CSS output.
เงาของกล่องเพิ่มความลึกให้กับองค์ประกอบ UI โดยการจำลองแสงและระดับความสูง เงาที่ได้รับการออกแบบมาอย่างดีจะสร้างลำดับชั้นของภาพและทำให้อินเทอร์เฟซรู้สึกสัมผัสได้มากขึ้น
ปรับออฟเซ็ตแนวนอน ออฟเซ็ตแนวตั้ง เบลอ กระจาย สี และความทึบ การแสดงตัวอย่าง Canvas อัปเดตแบบเรียลไทม์ คัดลอกโค้ด CSS เมื่อพอใจ
ความแตกต่างระหว่างเบลอและการแพร่กระจายคืออะไร? เบลอ ควบคุมความนุ่มนวลของขอบเงา การแพร่กระจายจะควบคุมว่าเงาจะขยายออกไปมากเพียงใด
ฉันควรใช้เงากี่ชั้น? ปกติ 1-2 ชั้นก็เพียงพอแล้ว ใช้เงาที่แทรกเข้าไปเพื่อความลึกด้านใน