div-radial-gradient

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

Параметры

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

array

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

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

Минимальное количество элементов — 2.
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

    		•
    color_map

    array

    Цвета и расположение точек градиента. При использовании данного параметра игнорируется параметр colors.

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

    Доступные платформы: веб.
    radius

    object

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

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

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

    Список возможных значений:

  • div-fixed-size
  • div-radial-gradient-relative-radius

    		•

    color_point

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

    string

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

    Цвет градиента, соответствующий точке градиента.

    Допустимые форматы: #RGB, #ARGB, #RRGGBB, #AARRGGBB.
    position

    number

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

    Расположение точки градиента.

    Ограничение для значения x: x >= 0.0 && x <= 1.0.
    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
}
    Предыдущая
    linear-gradient
    Следующая
    radial-gradient-center