Type Definitions
AnimateElement
- Source:
Type:
- HTMLElement | SVGElement
AnimatorEvents
- Source:
Properties:
Type:
- TSInterface
AnimatorOptions
- Source:
Properties:
easing:
string | EasingType
The easing(timing-function) specifies the speed curve of an animation.
iterationCount:
IterationCountType
The iterationCount property specifies the number of times an animation should be played.
fillMode:
FillModeType
The fillMode property specifies a style for the element when the animation is not playing (before it starts, after it ends, or both).
direction:
DirectionType
The direction property defines whether an animation should be played forwards, backwards or in alternate cycles.
duration:
number
The duration property defines how long an animation should take to complete one cycle.
Type:
- TSInterface
AnimatorState
- Source:
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.
The Animator options. Properties used in css animation.
Type:
- Object
AnimatorState
- Source:
- See:
Properties:
easing:
string | EasingType
The easing(timing-function) specifies the speed curve of an animation.
iterationCount:
IterationCountType
The iterationCount property specifies the number of times an animation should be played.
fillMode:
FillModeType
The fillMode property specifies a style for the element when the animation is not playing (before it starts, after it ends, or both).
direction:
DirectionType
The direction property defines whether an animation should be played forwards, backwards or in alternate cycles.
duration:
number
The duration property defines how long an animation should take to complete one cycle.
Type:
- TSInterface
CallbackType<T = any>
- Source:
Type:
- (...args: any[]) => T
DirectionType
- Source:
Type:
- "normal" | "reverse" | "alternate" | "alternate-reverse"
EasingFunction
- Source:
Properties:
Type:
- TSInterface
EasingType
- Source:
Type:
- 0 | EasingFunction
ElementsType
- Source:
Type:
- HTMLElement | HTMLElement[] | NodeListOf<HTMLElement>
EventParameter
- Source:
Properties:
Type:
- TSInterface
EventType
- Source:
Type:
- ["paused", "ended", "timeupdate", "animate", "play", "iteration"]
FillModeType
- Source:
Type:
- "forwards" | "backwards" | "both"
FrameEvents
- Source:
Properties:
Type:
- TSInterface
IterationCountType
- Source:
Type:
- number | "infinite"
KeyValueChildren
- Source:
Properties:
Type:
- TSInterface
NameType
- Source:
Type:
- string | number
OnAnimate
- Source:
Properties:
Type:
- TSInterface
OnIteration
- Source:
Properties:
Type:
- TSInterface
OnSceneAnimate
- Source:
Properties:
Type:
- TSInterface
OnSceneItemAnimate
- Source:
Properties:
Type:
- TSInterface
OnTimeUpdate
- Source:
Properties:
Type:
- TSInterface
OptionType
- Source:
Type:
- ["duration", "fillMode", "direction", "iterationCount", "delay", "easing", "playSpeed"]
PlayCondition
- Source:
Properties:
selector
optional
selector?:
string | ((item: SceneItem, selector: string) => string | AnimateElement)
Type:
- TSInterface
PlayStateType
- Source:
Type:
- "paused" | "running"
PropertyObjectState
- Source:
Properties:
Type:
- TSInterface
Role
- Source:
Type:
- true | RoleObject
RoleObject
- Source:
Properties:
Type:
- TSInterface
SceneAnimatorEvents
- Source:
Properties:
Type:
- TSInterface
SceneEvents
- Source:
Properties:
Type:
- TSInterface
SceneItemEvents
- Source:
Properties:
Type:
- TSInterface
SceneItemOptions
- Source:
- See:
Properties:
easing:
string | EasingType
The easing(timing-function) specifies the speed curve of an animation.
iterationCount:
IterationCountType
The iterationCount property specifies the number of times an animation should be played.
fillMode:
FillModeType
The fillMode property specifies a style for the element when the animation is not playing (before it starts, after it ends, or both).
direction:
DirectionType
The direction property defines whether an animation should be played forwards, backwards or in alternate cycles.
duration:
number
The duration property defines how long an animation should take to complete one cycle.
Type:
- TSInterface
SceneItemSelectorType
- Source:
Type:
- boolean | string | AnimateElement | ((id: number | string, index: number) => string | AnimateElement) | IArrayFormat<AnimateElement> | Ref<AnimateElement>
SceneItemState
- Source:
- See:
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
SceneOptions
- Source:
- See:
Properties:
easing:
string | EasingType
The easing(timing-function) specifies the speed curve of an animation.
iterationCount:
IterationCountType
The iterationCount property specifies the number of times an animation should be played.
fillMode:
FillModeType
The fillMode property specifies a style for the element when the animation is not playing (before it starts, after it ends, or both).
direction:
DirectionType
The direction property defines whether an animation should be played forwards, backwards or in alternate cycles.
duration:
number
The duration property defines how long an animation should take to complete one cycle.
Type:
- TSInterface
SceneState
- Source:
- See:
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
SelectorAllType
- Source:
Type:
- ((index: number) => any) & {defaultCount: number}