Ombra del blocco in CSS

box-shadow
Задание 1

Dato un blocco di dimensioni 200 per 200. Aggiungi un'ombra di colore rosso, spostata in basso di 15px, a destra di 20px e con sfocatura di 5px.

Задание 2

Dato un blocco di dimensioni 200 per 200. Aggiungi un'ombra di colore verde, spostata in alto di 15px, a destra di 20px e senza sfocatura.

Задание 3

Dato un blocco di dimensioni 200 per 200. Aggiungi un'ombra interna di colore nero, senza spostamenti, ma con sfocatura di 5px.

Задание 4

Dato un blocco di dimensioni 200 per 200. Aggiungi un'ombra interna di colore nero, spostata in basso di 3px e a destra di 4px, con sfocatura di 3px.

Задание 5

Dato un blocco di dimensioni 200 per 200. Aggiungi due ombre - una in alto, l'altra in basso.

Задание 6

Dato un blocco di dimensioni 200 per 200. Aggiungi quattro ombre in modo che ciascuna sia su un lato del blocco con uno spostamento di 30px e senza sfocatura. Cioè un'ombra strettamente in alto, un'altra strettamente a destra e così via.

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