Доверьте продвижение нам

Lion Digital Agency

интернет-маркетинг

теги:

Категории

Рубрики

Настройка и сопровождение рекламного кабинета Яндекс Директ.

от 25000 

Разработка сайтов под ключ. Работаем с такими системами, как Worpress, 1C-Bitrix, Tilda. Закажите разработку в Lion Digital и получите по настоящему продающий сайт.

от 32900 

Продвижение на авито под ключ. Получите клиентов в первую неделю. Создадим до 50тыс похожих объявлений!

от 29500 

Как сделать тень блока в css

Чтобы добавить тень блоку в CSS, нужно использовать свойство box-shadow.

Вот пример тени, которую можно добавить для блока:

.box {
  width: 200px;
  height: 200px;
  background-color: #fff;
  box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.5);
}

Здесь мы определили блок с классом «box» и установили ему ширину, высоту и цвет фона. Далее мы использовали свойство box-shadow для добавления тени, которая будет иметь смещение 0px по оси X и 0px по оси Y, радиус 10px и свойство rgba, которое определяет цвет тени и ее прозрачность.

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

.box {
  width: 200px;
  height: 200px;
  background-color: #fff;
  box-shadow: -2px -2px 5px rgba(0, 0, 0, 0.5);
}

Здесь мы имеем тень, которая будет иметь смещение -2px по оси X и -2px по оси Y, радиус 5px и прозрачность 0,5.

Таким образом, для создания тени в CSS нужно использовать свойство box-shadow и настроить его параметры, чтобы получить желаемый эффект.

Поделиться:

Комментарии

Добавить комментарий

Ваш адрес email не будет опубликован. Обязательные поля помечены *

Задать вопрос

Оставляя заявку, вы соглашаетесь с политикой обработки персональных данных.

Меню

Оставить заявку

Оставляя заявку, вы соглашаетесь с политикой обработки персональных данных.