In layers pane, click toolbox item and select layer type to add a layer.
Select the layer and set properties of the layer.
Describes how a layer should blend with the layer's direct parent and the layer's background and layers below the layer. Default value is 'normal'.
Extended properties are advanced properties for user to customize display or behavior of a layer.
Specifies the center point (x y z) to transform (rotate, scale, skew) a layer, default value is '50% 50% 0'.
Backface visibility of a layer, default value is visible.
For panel layer only
3D Space is not necessary, setting up a perspective Depth value will create 3D space of the panel layer.
3D space is for child layers to play 3D transition like Rotate X or Rotate Y or Translate Z.
See Layer Animation 3d
Depth of the 3D space perspective, to create 3D space of a panel layer, this property should be specified.
For example, the value 50% means the depth is 50% of 3D space size. Given a 3D space with size 400px x 400px, the perspective depth will be (400 + 400) / 2 * 0.5 = 200px.
The X (in percentage) of the perspective point, default value is 50%.
Note that perspective point is known as perspective-origin-x in css3.
The Y (in percentage) of the perspective point, default value is 50%.
Note that perspective point is known as perspective-origin-y in css3.
Indicates a layer can become the target of mouse events. The value is 'all' by default which is interited from parent layer.
The value 'none' instructs the mouse event to go "through" the layer and target whatever is "underneath" that layer instead.
This property specifies whether to clip content, render a scroll bar, or display overflow content of a layer, when it overflows at the left and right edges. Default value is visible.
This property specifies whether to clip content, render a scroll bar, or display overflow content of a layer, when it overflows at the top and bottom edges. Default value is visible.
Custom class name of a layer, which is for developer to set class name (css) of a layer.
Custom id of a layer, which is for developer to set id attribute of a layer.
Motion properties of a layer are dynamic properties.
By default, a layer has a motion point at the begining of timeline. There may be multiple motion points in the timeline. That's to say, motion property value can change from time to time, it leads layer animate in the timeline.
Select the begining motion point of a layer to set initial motion properties of the layer.