div-radial-gradient

Радиальный градиент.

JSON

{
  type*: "radial_gradient",
  center_x: div-radial-gradient-center,
  center_y: div-radial-gradient-center,
  colors*: [ "string", ... ],
  radius: div-radial-gradient-radius
}

Параметры

ПараметрыОписание
center_x

object

Сдвиг центральной точки градиента относительно левого края по оси X.

Значение имеет тип div-radial-gradient-center.

Значение по умолчанию: {"type": "relative", "value": 0.5 }.

Список возможных значений:
  • div-radial-gradient-fixed-center
  • div-radial-gradient-relative-center
  • center_y

    object

    Сдвиг центральной точки градиента относительно верхнего края по оси Y.

    Значение имеет тип div-radial-gradient-center.

    Значение по умолчанию: {"type": "relative", "value": 0.5 }.

    Список возможных значений:
  • div-radial-gradient-fixed-center
  • div-radial-gradient-relative-center
  • colors

    array

    Обязательный параметр.

    Цвета. Точки градиента будут расположены на равном расстоянии друг от друга.

    Минимальное количество элементов — 2.

    radius

    object

    Радиус градиентного перехода.

    Значение имеет тип div-radial-gradient-radius.

    Значение по умолчанию: {"type": "relative", "value": "farthest_corner" }.

    Список возможных значений:
  • div-fixed-size
  • div-radial-gradient-relative-radius
  • type

    string

    Обязательный параметр.

    Значение всегда должно равняться radial_gradient.

    ПараметрыОписание
    center_x

    object

    Сдвиг центральной точки градиента относительно левого края по оси X.

    Значение имеет тип div-radial-gradient-center.

    Значение по умолчанию: {"type": "relative", "value": 0.5 }.

    Список возможных значений:
  • div-radial-gradient-fixed-center
  • div-radial-gradient-relative-center
  • center_y

    object

    Сдвиг центральной точки градиента относительно верхнего края по оси Y.

    Значение имеет тип div-radial-gradient-center.

    Значение по умолчанию: {"type": "relative", "value": 0.5 }.

    Список возможных значений:
  • div-radial-gradient-fixed-center
  • div-radial-gradient-relative-center
  • colors

    array

    Обязательный параметр.

    Цвета. Точки градиента будут расположены на равном расстоянии друг от друга.

    Минимальное количество элементов — 2.

    radius

    object

    Радиус градиентного перехода.

    Значение имеет тип div-radial-gradient-radius.

    Значение по умолчанию: {"type": "relative", "value": "farthest_corner" }.

    Список возможных значений:
  • div-fixed-size
  • div-radial-gradient-relative-radius
  • type

    string

    Обязательный параметр.

    Значение всегда должно равняться radial_gradient.