# Тень блока в CSS

`box-shadow`

Дан блок размером `200` на `200`. Добавьте ему тень красного цвета, сдвинутую вниз на `15px`, вправо на `20px` и размытием `5px`.

Дан блок размером `200` на `200`. Добавьте ему тень зеленого цвета, сдвинутую вверх на `15px`, вправо на `20px` и без размытия.

Дан блок размером `200` на `200`. Добавьте ему внутреннюю тень черного цвета, без сдвигов, но с размытием `5px`.

Дан блок размером `200` на `200`. Добавьте ему внутреннюю тень черного цвета, сдвинутую вниз на `3px` и вправо на `4px`, с размытием `3px`.

Дан блок размером `200` на `200`. Добавьте ему две тени - одну сверху, другую снизу.

Дан блок размером `200` на `200`. Добавьте ему четыре тени так, чтобы каждая была с одной стороны блока со сдвигом в `30px` и без размытия. То есть одна тень строго сверху, другая строго справа и так далее.

← →
↑