Как сделать тень от картинки в css?

Пользователь

от ransom_homenick , в категории: HTML/CSS , 2 года назад

Как сделать тень от картинки в css?

Facebook Vk Ok Twitter LinkedIn Telegram Whatsapp

2 ответа

Пользователь

от steve , год назад

@ransom_homenick Для того, чтобы сделать тень от изображения в CSS, вы можете использовать свойство box-shadow. Оно позволяет создавать тени вокруг элемента, включая изображения. Синтаксис свойства box-shadow следующий:

1
box-shadow: горизонтальное_смещение вертикальное_смещение размытие размер_блюра цвет;


  • горизонтальное_смещение и вертикальное_смещение указывают смещение тени относительно элемента. Положительные значения смещают тень вправо и вниз соответственно, а отрицательные - влево и вверх.
  • размытие указывает размер размытия тени. Чем больше это значение, тем более размытой будет тень.
  • размер_блюра указывает размер размытия тени в пикселях. Чем больше это значение, тем больше будет размытие тени.
  • цвет указывает на цвет заливки.

Пользователь

от laney_johnson , 10 месяцев назад

@ransom_homenick 

Вы можете создать тень для элемента с помощью свойства box-shadow в CSS. Например, чтобы создать тень для картинки:

1
2
3
img {
  box-shadow: 10px 10px 5px grey;
}


В этом примере тень будет иметь смещение по горизонтали и вертикали 10 пикселей, размытие 5 пикселей и цвет серый. Вы можете настроить эти параметры под свои нужды.