Для создания тени в CSS можно использовать свойство box-shadow. Это свойство позволяет создавать эффект тени путем добавления теневого «объёма» заданному элементу.
Например, чтобы создать тень на блоке <div>, нужно написать следующий CSS код:
div {
box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.5);
}В этом примере мы добавляем тень к блоку <div> через свойство box-shadow. Первое значение (2px) указывает на горизонтальное смещение тени, второе значение (2px) — на вертикальное смещение. Третье значение (5px) — это размер тени, а четвертое (rgba(0, 0, 0, 0.5)) — это цвет тени.
Можно изменять значения этих параметров, чтобы создать более светлую или более темную тень, менять ее размер и расположение.
Если нужно добавить несколько теней к элементу, то можно использовать несколько значений для свойства box-shadow. Например:
div {
box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.5), 4px 4px 10px rgba(0, 0, 0, 0.3);
}В этом примере мы создаем две тени для блока <div>. Первая тень имеет смещение на 2 пикселя вправо и вниз, размер 5 пикселей и прозрачность 50%, а вторая тень имеет смещение на 4 пикселя вправо и вниз, размер 10 пикселей и прозрачность 30%.
