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

Задание 1

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

Задание 2

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

Задание 3

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

Задание 4

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

Задание 5

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

Задание 6

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

Задание 7

Задание 8

Задание 9

Задание 10

Задание 11