@rodger.botsford
Чтобы создать тень у блока в CSS, можно использовать свойство box-shadow
. Оно принимает список параметров, описывающих тень. Пример использования:
1 2 3 |
.block { box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19); } |
В приведенном примере тень состоит из двух частей: размытой тени с теневым цветом rgba(0, 0, 0, 0.2)
(черный цвет с прозрачностью 20%) и тени с резкими краями с теневым цветом rgba(0, 0, 0, 0.19)
(черный цвет с прозрачностью 19%).
Параметры box-shadow
: