---
metadata:
  - name: generator
    content: Diplodoc Platform v5.50.3
alternate:
  - https://divkit.tech/docs/en/concepts/divs/2/div-radial-gradient.md
  - https://divkit.tech/docs/ru/concepts/divs/2/div-radial-gradient.md
---
> **Documentation Index:** Fetch the complete configuration index at https://divkit.tech/docs/ru/llms.txt

# div-radial-gradient
Радиальный градиент.

## Параметры
| Параметры | Описание |
| --- | --- |
| `type` | <p>**string**</p><p>Обязательный параметр.</p><p>Значение всегда должно равняться `radial_gradient`.</p> |
| `center_x` | <p>**object**</p><p>Сдвиг центральной точки градиента относительно левого края по оси X.</p><p>Значение имеет тип `div-radial-gradient-center`.</p><p>Значение по умолчанию: `{"type": "relative", "value": 0.5 }`.</p><p>Список возможных значений:<li>[div-radial-gradient-fixed-center](div-radial-gradient-fixed-center.md#div-radial-gradient-fixed-center)</li><li>[div-radial-gradient-relative-center](div-radial-gradient-relative-center.md#div-radial-gradient-relative-center)</li></p> |
| `center_y` | <p>**object**</p><p>Сдвиг центральной точки градиента относительно верхнего края по оси Y.</p><p>Значение имеет тип `div-radial-gradient-center`.</p><p>Значение по умолчанию: `{"type": "relative", "value": 0.5 }`.</p><p>Список возможных значений:<li>[div-radial-gradient-fixed-center](div-radial-gradient-fixed-center.md#div-radial-gradient-fixed-center)</li><li>[div-radial-gradient-relative-center](div-radial-gradient-relative-center.md#div-radial-gradient-relative-center)</li></p> |
| `color_map` | <p>**array**</p><p>Цвета и расположение точек градиента. При использовании данного параметра игнорируется параметр `colors`.</p><p>Минимальное количество элементов — 2.</p><p>Доступные платформы: веб, iOS, Android.</p> |
| `colors` | <p>**array**</p><p>Цвета. Точки градиента будут расположены на равном расстоянии друг от друга.</p><p>Минимальное количество элементов — 2.</p> |
| `radius` | <p>**object**</p><p>Радиус градиентного перехода.</p><p>Значение имеет тип `div-radial-gradient-radius`.</p><p>Значение по умолчанию: `{"type": "relative", "value": "farthest_corner" }`.</p><p>Список возможных значений:<li>[div-fixed-size](div-fixed-size.md#div-fixed-size)</li><li>[div-radial-gradient-relative-radius](div-radial-gradient-relative-radius.md#div-radial-gradient-relative-radius)</li></p> |

### color_point
| Параметры | Описание |
| --- | --- |
| `color` | <p>**string**</p><p>Обязательный параметр.</p><p>Цвет градиента, соответствующий точке градиента.</p><p>Допустимые форматы: `#RGB`, `#ARGB`, `#RRGGBB`, `#AARRGGBB`.</p> |
| `position` | <p>**number**</p><p>Обязательный параметр.</p><p>Расположение точки градиента.</p><p>Ограничение для значения `x`: `x >= 0.0 && x <= 1.0`.</p> |

<details>
<summary>JSON</summary>

```json
{
  type*: "radial_gradient",
  center_x: div-radial-gradient-center,
  center_y: div-radial-gradient-center,
  color_map: [
    {
      color*: "string",
      position*: "number"
    },
    ...
  ],
  colors: [ "string", ... ],
  radius: div-radial-gradient-radius
}
```
</details>