Blockets skugga i CSS

box-shadow
Задание 1

Det finns ett block som mäter 200 gånger 200. Lägg till en röd skugga för den, förskjuten nedåt med 15px, åt höger med 20px och med en oskärpa på 5px.

Задание 2

Det finns ett block som mäter 200 gånger 200. Lägg till en grön skugga för den, förskjuten uppåt med 15px, åt höger med 20px och utan oskärpa.

Задание 3

Det finns ett block som mäter 200 gånger 200. Lägg till en innerskugga i svart färg, utan förskjutning, men med en oskärpa på 5px.

Задание 4

Det finns ett block som mäter 200 gånger 200. Lägg till en innerskugga i svart färg, förskjuten nedåt med 3px och åt höger med 4px, med en oskärpa på 3px.

Задание 5

Det finns ett block som mäter 200 gånger 200. Lägg till två skuggor för den - en ovanifrån, och den andra underifrån.

Задание 6

Det finns ett block som mäter 200 gånger 200. Lägg till fyra skuggor för den så att varje skugga är på en sida av blocket med en förskjutning på 30px och utan oskärpa. Det vill säga en skugga strikt ovanifrån, en annan strikt till höger och så vidare.

Задание 7
Задание 8
Задание 9
Задание 10
Задание 11