Как сделать тень блока в css?
2 ответа
от
kendall_mckenzie ,
2 года назад
Сделать тень в css для блока, можно через свойство box-shadow, пример:
HTML:
1 2 3 |
<body> <div class="square"></div> </body> |
CSS:
1 2 3 4 5 6 |
.square{ height: 100px; width: 100px; background-color: coral; box-shadow: 10px 15px 10px rgb(8, 8, 8); } |
от
ransom_homenick ,
год назад
@madelyn_hintz
Чтобы сделать тень у блока в CSS, вы можете использовать свойство "box-shadow":
1 2 3 |
.block { box-shadow: 10px 10px 5px grey; } |
Где:
- 10px 10px - смещение тени по осям x и y.
- 5px - размытие тени.
- grey - цвет тени.
Вы также можете указать несколько теней через запятую:
1 2 3 |
.block { box-shadow: 10px 10px 5px grey, -10px -10px 5px green; } |
Это добавит тень снизу справа с зеленым цветом, а также тень сверху слева с серым цветом.
15