div-animation

Element animation parameters.

Parameters

Parameters Description
name

string

Required parameter.

Animation type.

Possible values: fade, translate, scale, native, set, no_animation.

Available platforms: Android, iOS, web.
duration

int

Animation duration in milliseconds.

Restriction for the value x: x >= 0.

Default value: 300.

Available platforms: Android, iOS, web.
end_value

number

Final value of an animation.

Available platforms: Android, iOS, web.
interpolator

string

Animation speed nature. When the value is set to spring — animation of damping fluctuations cut to 0.7 with the damping=1 parameter. Other options correspond to the Bezier curve:

  • linear — cubic-bezier(0, 0, 1, 1);
  • ease — cubic-bezier(0.25, 0.1, 0.25, 1);
  • ease_in — cubic-bezier(0.42, 0, 1, 1);
  • ease_out — cubic-bezier(0, 0, 0.58, 1);
  • ease_in_out — cubic-bezier(0.42, 0, 0.58, 1).

    • Possible values: linear, ease, ease_in, ease_out, ease_in_out, spring.

    Default value: spring.

    Available platforms: Android, iOS, web.
    items

    array

    Animation elements.

    Available platforms: Android, iOS, web.
    repeat

    object

    Number of animation repetitions.

    The value has the type div-count.

    Default value: { "type": "infinity" }.

    Available platforms: Android, iOS, web.

    List of possible values:

  • div-infinity-count
  • div-fixed-count

    		•
    start_delay

    int

    Delay in milliseconds before animation starts.

    Restriction for the value x: x >= 0.

    Default value: 0.

    Available platforms: Android, iOS, web.
    start_value

    number

    Starting value of an animation.

    Available platforms: Android, iOS, web.
    JSON 
    {
  duration: "int",
  end_value: "number",
  interpolator: "string",
  items: [ div-animation, ... ],
  name*: "string",
  repeat: div-count,
  start_delay: "int",
  start_value: "number"
}
    Previous
    action
    Next
    aspect