Тень блока в 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
и без размытия. To есть одна тень строго
сверху, другая строго справа и
так далее.