> ## Documentation Index
> Fetch the complete documentation index at: https://docs.landerlab.io/llms.txt
> Use this file to discover all available pages before exploring further.

# Box Shadow: тени элементов для глубины и акцентов

> Настройки Box Shadow в LanderLab: пресеты, Outer и Inner Shadow, смещение X и Y, Blur, Spread, цвет и несколько теней для одного элемента.

Box Shadow добавляет элементам глубину, создавая эффект тени вокруг них. Она помогает выделить элементы и даёт дизайну более современный, многослойный вид.

### Как это работает

Тень состоит из нескольких настроек, которые определяют её вид и поведение.

<Frame>
  <img src="https://mintcdn.com/landerlab-babdc23f/Cnvtc1TpBSCIUd3d/images/image-16.png?fit=max&auto=format&n=Cnvtc1TpBSCIUd3d&q=85&s=4fa841d790f27152d6791691abfbb96e" alt="Панель настроек Box Shadow" width="586" height="366" data-path="images/image-16.png" />
</Frame>

## Настройки тени

### Preset

* Быстро примените готовый стиль тени (например, Small, Medium, Large)
* Подходит для быстрого и единообразного оформления

### Type

* **Outer Shadow** → тень появляется снаружи элемента (самый частый вариант)
* **Inner Shadow** → тень появляется внутри элемента

### Size (X и Y)

* Задаёт положение тени
* **X (по горизонтали)** → сдвиг влево или вправо
* **Y (по вертикали)** → сдвиг вверх или вниз

👉 Пример:

* X: 0, Y: 4 → тень смещается чуть ниже элемента

### Blur

* Задаёт мягкость тени

👉 Больше значение — мягче тень<br />👉 Меньше значение — резче тень

### Spread

* Задаёт, насколько широко распространяется тень

👉 Положительное значение — тень больше<br />👉 Отрицательное значение — тень уже

### Color

* Задаёт цвет тени (обычно чёрный или серый с прозрачностью)

👉 Часто используется: `rgba(0, 0, 0, 0.1–0.3)` для мягких теней

## Несколько теней

* Нажмите **+ Add**, чтобы наложить несколько теней друг на друга
* Полезно для более сложных многослойных эффектов


This documentation is built and hosted on [Mintlify](https://mintlify.com), a developer documentation platform.