สร้าง Box Shadow

ความเบลอทำให้ขอบเงานุ่มขึ้น ยิ่งค่าสูงเงายิ่งฟุ้ง การกระจายจะขยายหรือหดเงาก่อนใส่ความเบลอ การกระจายติดลบคู่กับความเบลอมาก ๆ ให้ลุคนุ่มและลอยขึ้นที่พบบ่อยในอินเทอร์เฟซสมัยใหม่

เงาจริงมีแกนกลางที่เข้มและแคบใกล้วัตถุ และมีรัศมีที่นุ่มและกว้างออกไป การซ้อนชั้นเล็กที่คมกับชั้นที่ใหญ่และจางกว่าหนึ่งหรือสองชั้นจะได้ผลแบบนั้น และดูเป็นธรรมชาติกว่าเงาชั้นเดียวมาก

เงา inset จะวาดไว้ด้านในองค์ประกอบแทนด้านนอก ทำให้พื้นผิวดูเหมือนยุบลงไป เหมาะกับช่องกรอกข้อมูลหรือปุ่มที่ถูกกด

ได้ box-shadow เงาหลายชั้น และไวยากรณ์สี rgb() ที่ใช้ในโค้ด รองรับในเบราว์เซอร์ปัจจุบันทุกตัว

เงาแบบคงที่วาดได้เร็ว แต่ความเบลอขนาดใหญ่มากบนหลายองค์ประกอบ หรือการทำแอนิเมชันกับตัวเงาเอง อาจใช้ทรัพยากรมากขึ้น หากต้องการให้เงาเคลื่อนไหวลื่นไหล ให้ปรับความทึบของ pseudo-element ที่มีเงาแทน