Animation

See below to learn more about properties, slots, events, style variables, CSS parts, and methods.

There is no difference between the APIs of the elements, And the only difference is in the names of the events

Properties

Name
composite
TypeDefault
'replace'
Default
'replace'
Attribute
composite
Reflect
false
Description
Name
delay
Type
number
Default
0
Default
0
Attribute
delay
Reflect
false
Description
Name
direction
TypeDefault
'normal'
Default
'normal'
Attribute
direction
Reflect
false
Description
Name
duration
Type
number
Default
1000
Default
1000
Attribute
duration
Reflect
false
Description
Name
easing
Type
string
Default
'linear'
Default
'linear'
Attribute
easing
Reflect
false
Description
Name
endDelay
Type
number
Default
0
Default
0
Attribute
end-delay
Reflect
false
Description
Name
fill
TypeDefault
'none'
Default
'none'
Attribute
fill
Reflect
false
Description
Name
instance
Type
globalThis.Animation
Default
undefined
Default
undefined
Attribute
instance
Reflect
false
Description
Name
iterationComposite
TypeDefault
'replace'
Default
'replace'
Attribute
iteration-composite
Reflect
false
Description
Name
iterations
Type
number
Default
1
Default
1
Attribute
iterations
Reflect
false
Description
Name
iterationStart
Type
number
Default
0
Default
0
Attribute
iteration-start
Reflect
false
Description
Name
keyframes
Type
Keyframe[]
Default
undefined
Default
undefined
Attribute
keyframes
Reflect
false
Description
Name
name
Type
string
Default
undefined
Default
undefined
Attribute
name
Reflect
false
Description
Name
playbackRate
Type
number
Default
1
Default
1
Attribute
playback-rate
Reflect
false
Description
Name
run
Type
boolean
Default
undefined
Default
undefined
Attribute
run
Reflect
true
Description

Slots

Name
default
Description

Events

Name
plus-cancel
Type
EventEmitter<void>
Cancelable
false
Description
Name
plus-finish
Type
EventEmitter<void>
Cancelable
false
Description
Name
plus-remove
Type
EventEmitter<void>
Cancelable
false
Description

CSS Variables

There are no CSS Variables.

CSS Parts

There are no CSS Parts.

Methods

Name
cancel
Type
void
Signature
cancel() => void
Description
Name
commitStyles
Type
void
Signature
commitStyles() => void
Description
Name
finish
Type
void
Signature
finish() => void
Description
Name
pause
Type
void
Signature
pause() => void
Description
Name
persist
Type
void
Signature
persist() => void
Description
Name
play
Type
void
Signature
play() => void
Description
Name
reverse
Type
void
Signature
reverse() => void
Description
Name
updatePlaybackRate
Type
void
Signature
updatePlaybackRate(playbackRate: number) => void
Description