เงาของบล็อกใน CSS

กำหนดให้มีบล็อกขนาด 200 คูณ 200 เพิ่มเงาสีแดงให้กับบล็อกนี้ โดยให้เงาถูกเลื่อน ลงมา 15px, ไปทางขวา 20px และมีความเบลอ 5px

กำหนดให้มีบล็อกขนาด 200 คูณ 200 เพิ่มเงาสีเขียวให้กับบล็อกนี้ โดยให้เงาถูกเลื่อน ขึ้นไป 15px, ไปทางขวา 20px และไม่มีความเบลอ

กำหนดให้มีบล็อกขนาด 200 คูณ 200 เพิ่มเงาภายในสีดำให้กับบล็อกนี้ ไม่มีการเลื่อนเงา แต่มีความเบลอ 5px

กำหนดให้มีบล็อกขนาด 200 คูณ 200 เพิ่มเงาภายในสีดำให้กับบล็อกนี้ โดยให้เงาถูกเลื่อนลงมา 3px และไปทางขวา 4px, ด้วยความเบลอ 3px

กำหนดให้มีบล็อกขนาด 200 คูณ 200 เพิ่มเงาสองเงาให้กับบล็อกนี้ - เงาหนึ่งอยู่ด้านบน และอีกเงาหนึ่งอยู่ด้านล่าง

กำหนดให้มีบล็อกขนาด 200 คูณ 200 เพิ่มเงาสี่เงาให้กับบล็อกนี้ โดยให้แต่ละเงา อยู่ที่ด้านใดด้านหนึ่งของบล็อก โดยเลื่อนออกไป 30px และไม่มีความเบลอ นั่นคือมีเงาหนึ่งอยู่ด้านบนสุด อีกเงาหนึ่งอยู่ด้านขวาสุด และ เป็นเช่นนี้กับทุกด้าน