div-radial-gradient

Radial gradient.

Parameters

Parameters Description
type

string

Required parameter.

The value must always be radial_gradient.

center_x

object

Shift of the central point of the gradient relative to the left edge along the X axis.

The value has the type div-radial-gradient-center.

Default value: {"type": "relative", "value": 0.5 }.

List of possible values:

  • div-radial-gradient-fixed-center
  • div-radial-gradient-relative-center
  • center_y

    object

    Shift of the central point of the gradient relative to the top edge along the Y axis.

    The value has the type div-radial-gradient-center.

    Default value: {"type": "relative", "value": 0.5 }.

    List of possible values:

  • div-radial-gradient-fixed-center
  • div-radial-gradient-relative-center
  • color_map

    array

    Colors and positions of gradient points. When using this parameter, the colors parameter is ignored.

    The minimum number of elements is 2.

    Available platforms: web, iOS.

    colors

    array

    Colors. Gradient points are located at an equal distance from each other.

    The minimum number of elements is 2.

    radius

    object

    Radius of the gradient transition.

    The value has the type div-radial-gradient-radius.

    Default value: {"type": "relative", "value": "farthest_corner" }.

    List of possible values:

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

    Parameters Description
    color

    string

    Required parameter.

    Gradient color corresponding to gradient point.

    Valid formats: #RGB, #ARGB, #RRGGBB, #AARRGGBB.

    position

    number

    Required parameter.

    The position of the gradient point.

    Restriction for the value 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
    }