Methods

Chrome DevTools

Animation.disable #

Disables animation domain notifications.


Chrome DevTools

Animation.enable #

Enables animation domain notifications.


Chrome DevTools

Animation.getCurrentTime #

Returns the current time of the an animation.

Parameters

id
string

Id of animation.

Return object

currentTime
number

Current time of the page.


Chrome DevTools

Animation.getPlaybackRate #

Gets the playback rate of the document timeline.

Return object

playbackRate
number

Playback rate for animations on page.


Chrome DevTools

Animation.releaseAnimations #

Releases a set of animations to no longer be manipulated.

Parameters

animations
array[ string ]

List of animation ids to seek.


Chrome DevTools

Animation.resolveAnimation #

Gets the remote object of the Animation.

Parameters

animationId
string

Animation id.

Return object

remoteObject
Runtime.RemoteObject

Corresponding remote object.


Chrome DevTools

Animation.seekAnimations #

Seek a set of animations to a particular time within each animation.

Parameters

animations
array[ string ]

List of animation ids to seek.

currentTime
number

Set the current time of each animation.


Chrome DevTools

Animation.setPaused #

Sets the paused state of a set of animations.

Parameters

animations
array[ string ]

Animations to set the pause state of.

paused
boolean

Paused state to set to.


Chrome DevTools

Animation.setPlaybackRate #

Sets the playback rate of the document timeline.

Parameters

playbackRate
number

Playback rate for animations on page


Chrome DevTools

Animation.setTiming #

Sets the timing of an animation node.

Parameters

animationId
string

Animation id.

duration
number

Duration of the animation.

delay
number

Delay of the animation.

Events

Chrome DevTools

Animation.animationCanceled #

Event for when an animation has been cancelled.

Parameters

id
string

Id of the animation that was cancelled.


Chrome DevTools

Animation.animationCreated #

Event for each animation that has been created.

Parameters

id
string

Id of the animation that was created.


Chrome DevTools

Animation.animationStarted #

Event for animation that has been started.

Parameters

animation
Animation

Animation that was started.


Chrome DevTools

Animation.animationUpdated #

Event for animation that has been updated.

Parameters

animation
Animation

Animation that was updated.

Types

Chrome DevTools

Animation.Animation #

Animation instance.

Type: object

Properties

id
string

Animation's id.

name
string

Animation's name.

pausedState
boolean

Animation's internal paused state.

playState
string

Animation's play state.

playbackRate
number

Animation's playback rate.

startTime
number

Animation's start time. Milliseconds for time based animations and percentage [0 - 100] for scroll driven animations (i.e. when viewOrScrollTimeline exists).

currentTime
number

Animation's current time.

type
string

Animation type of Animation.

Allowed values: CSSTransition, CSSAnimation, WebAnimation

source
Optional
AnimationEffect

Animation's source animation node.

cssId
Optional
string

A unique ID for Animation representing the sources that triggered this CSS animation/transition.

viewOrScrollTimeline
Optional
ViewOrScrollTimeline

View or scroll timeline


Chrome DevTools

Animation.AnimationEffect #

AnimationEffect instance

Type: object

Properties

delay
number

AnimationEffect's delay.

endDelay
number

AnimationEffect's end delay.

iterationStart
number

AnimationEffect's iteration start.

iterations
number

AnimationEffect's iterations.

duration
number

AnimationEffect's iteration duration. Milliseconds for time based animations and percentage [0 - 100] for scroll driven animations (i.e. when viewOrScrollTimeline exists).

direction
string

AnimationEffect's playback direction.

fill
string

AnimationEffect's fill mode.

backendNodeId
Optional
DOM.BackendNodeId

AnimationEffect's target node.

keyframesRule
Optional
KeyframesRule

AnimationEffect's keyframes.

easing
string

AnimationEffect's timing function.


Chrome DevTools

Animation.KeyframesRule #

Keyframes Rule

Type: object

Properties

name
Optional
string

CSS keyframed animation's name.

keyframes
array[ KeyframeStyle ]

List of animation keyframes.


Chrome DevTools

Animation.KeyframeStyle #

Keyframe Style

Type: object

Properties

offset
string

Keyframe's time offset.

easing
string

AnimationEffect's timing function.


Chrome DevTools

Animation.ViewOrScrollTimeline #

Timeline instance

Type: object

Properties

sourceNodeId
Optional
DOM.BackendNodeId

Scroll container node

startOffset
Optional
number

Represents the starting scroll position of the timeline as a length offset in pixels from scroll origin.

endOffset
Optional
number

Represents the ending scroll position of the timeline as a length offset in pixels from scroll origin.

subjectNodeId
Optional
DOM.BackendNodeId

The element whose principal box's visibility in the scrollport defined the progress of the timeline. Does not exist for animations with ScrollTimeline

axis
DOM.ScrollOrientation

Orientation of the scroll