CSS box-shadow คืออะไร
**box-shadow** เป็นคุณสมบัติ CSS ที่เพิ่มเงาให้กับองค์ประกอบ HTML เป็นเทคนิคการออกแบบเว็บที่จำเป็นที่สามารถแสดงความลึกและมิติโดยใช้เพียงโค้ด CSS โดยไม่ต้องใช้รูปภาพ
พารามิเตอร์ box-shadow
**box-shadow** ถูกกำหนดในลำดับ 'ออฟเซ็ต-แนวนอน ออฟเซ็ต-แนวตั้ง ความเบลอ การกระจาย สี' ออฟเซ็ตแนวนอนและแนวตั้งกำหนดตำแหน่งของเงา ความเบลอควบคุมความนุ่มนวลของขอบ การกระจายควบคุมขนาดของเงา และสีสามารถระบุด้วย **RGBA** รวมถึงความโปร่งใส
inset (เงาภายใน)
การเพิ่มคำหลัก **inset** จะวาดเงาภายในองค์ประกอบแทนที่จะเป็นภายนอก เหมาะสำหรับการแสดงการป้อนข้อมูลในแบบฟอร์มที่มีการเยื้องหรือสถานะปุ่มที่ถูกกด
การซ้อนเงาหลายชั้น
สามารถระบุ **box-shadows** หลายรายการโดยคั่นด้วยเครื่องหมายจุลภาคเพื่อซ้อนเงา ดีไซน์ **Neumorphism** รวมเงาสว่างและเงาดำเพื่อแสดงพื้นผิวสามมิติ