Type Definitions
AnimatorReactiveState
Properties:
duration
optional
duration?:
number
The duration property defines how long an animation should take to complete one cycle.
fillMode
optional
fillMode?:
"none"
|
"forwards"
|
"backwards"
|
"both"
The fillMode property specifies a style for the element when the animation is not playing (before it starts, after it ends, or both).
iterationCount
optional
iterationCount?:
"infinite"
|
number
The iterationCount property specifies the number of times an animation should be played.
easing
optional
easing?:
array
|
function
The easing(timing-function) specifies the speed curve of an animation.
direction
optional
direction?:
"normal"
|
"reverse"
|
"alternate"
|
"alternate-reverse"
The direction property defines whether an animation should be played forwards, backwards or in alternate cycles.
Type:
- TSInterface
FrameReactiveData
Type:
- Observer<Frame> | Frame | string | Record<string, any> | (() => (Observer<Frame> | Frame | string | Record<string, any>))
FrameReactiveState
Properties:
camelCasedCSSObject:
Record<string, any>
Returns an object in camel case type of frame. It can be used in React.
Type:
- TSInterface
SceneItemReactiveData
Properties:
Type:
- TSInterface
SceneItemReactiveOptions
Properties:
Type:
- TSInterface
SceneItemReactiveProps
Type:
- SceneItemReactiveOptions | SceneItem | (() => SceneItemReactiveOptions | SceneItem)
SceneReactiveData
Properties:
Type:
- TSInterface
SceneReactiveOptions
Properties:
Type:
- TSInterface
SceneReactiveProps
Type:
- SceneReactiveOptions | Scene | (() => SceneReactiveOptions | Scene)