CSSTransition extension type

The CSSTransition interface of the Web Animations API represents an Animation object used for a CSS Transition.

---

API documentation sourced from MDN Web Docs.

on

• JSObject

Implemented types

• Animation
• JSObject

Available extensions

• JSObjectUnsafeUtilExtension

Properties

currentTime ↔ CSSNumberish?

The Animation.currentTime property of the Web Animations API returns and sets the current time value of the animation in milliseconds, whether running or paused.

getter/setter pair, inherited

effect ↔ AnimationEffect?

The Animation.effect property of the Web Animations API gets and sets the target effect of an animation. The target effect may be either an effect object of a type based on AnimationEffect, such as KeyframeEffect, or null.

getter/setter pair, inherited

finished → JSPromise<Animation>

The Animation.finished read-only property of the Web Animations API returns a Promise which resolves once the animation has finished playing.

no setter, inherited

hashCode → int

The hash code for this object.

no setter, inherited

id ↔ String

The Animation.id property of the Web Animations API returns or sets a string used to identify the animation.

getter/setter pair, inherited

oncancel ↔ EventHandler?

getter/setter pair, inherited

onfinish ↔ EventHandler?

getter/setter pair, inherited

onremove ↔ EventHandler?

getter/setter pair, inherited

pending → bool

The read-only Animation.pending property of the Web Animations API indicates whether the animation is currently waiting for an asynchronous operation such as initiating playback or pausing a running animation.

no setter, inherited

playbackRate ↔ double

The Animation.playbackRate property of the Web Animations API returns or sets the playback rate of the animation.

getter/setter pair, inherited

playState → AnimationPlayState

The read-only Animation.playState property of the Web Animations API returns an enumerated value describing the playback state of an animation.

no setter, inherited

ready → JSPromise<Animation>

The read-only Animation.ready property of the Web Animations API returns a Promise which resolves when the animation is ready to play. A new promise is created every time the animation enters the "pending" play state as well as when the animation is canceled, since in both of those scenarios, the animation is ready to be started again.

no setter, inherited

replaceState → AnimationReplaceState

The read-only Animation.replaceState property of the Web Animations API indicates whether the animation has been removed by the browser automatically after being replaced by another animation.

no setter, inherited

runtimeType → Type

A representation of the runtime type of the object.

no setter, inherited

startTime ↔ CSSNumberish?

The Animation.startTime property of the Animation interface is a double-precision floating-point value which indicates the scheduled time when an animation's playback should begin.

getter/setter pair, inherited

timeline ↔ AnimationTimeline?

The Animation.timeline property of the Animation interface returns or sets the AnimationTimeline associated with this animation. A timeline is a source of time values for synchronization purposes, and is an AnimationTimeline-based object. By default, the animation's timeline and the Document's timeline are the same.

getter/setter pair, inherited

transitionProperty → String

The transitionProperty property of the CSSTransition interface returns the expanded transition property name of the transition. This is the longhand CSS property for which the transition was generated.

no setter

Methods

addEventListener(String type, EventListener? callback, [JSAny options]) → void

The addEventListener() method of the EventTarget interface sets up a function that will be called whenever the specified event is delivered to the target.

inherited

cancel() → void

The Web Animations API's cancel() method of the Animation interface clears all KeyframeEffects caused by this animation and aborts its playback.

inherited

commitStyles() → void

The commitStyles() method of the Web Animations API's Animation interface writes the computed values of the animation's current styles into its target element's style attribute. commitStyles() works even if the animation has been automatically removed.

inherited

dispatchEvent(Event event) → bool

The dispatchEvent() method of the EventTarget sends an Event to the object, (synchronously) invoking the affected event listeners in the appropriate order. The normal event processing rules (including the capturing and optional bubbling phase) also apply to events dispatched manually with dispatchEvent().

inherited

finish() → void

The finish() method of the Web Animations API's Animation Interface sets the current playback time to the end of the animation corresponding to the current playback direction.

inherited

noSuchMethod(Invocation invocation) → dynamic

Invoked when a nonexistent method or property is accessed.

inherited

pause() → void

The pause() method of the Web Animations API's Animation interface suspends playback of the animation.

inherited

persist() → void

The persist() method of the Web Animations API's Animation interface explicitly persists an animation, preventing it from being automatically removed when it is replaced by another animation.

inherited

play() → void

The play() method of the Web Animations API's Animation Interface starts or resumes playing of an animation. If the animation is finished, calling play() restarts the animation, playing it from the beginning.

inherited

removeEventListener(String type, EventListener? callback, [JSAny options]) → void

The removeEventListener() method of the EventTarget interface removes an event listener previously registered with EventTarget.addEventListener from the target. The event listener to be removed is identified using a combination of the event type, the event listener function itself, and various optional options that may affect the matching process; see Matching event listeners for removal.

inherited

reverse() → void

The Animation.reverse() method of the Animation Interface reverses the playback direction, meaning the animation ends at its beginning. If called on an unplayed animation, the whole animation is played backwards. If called on a paused animation, the animation will continue in reverse.

inherited

toString() → String

A string representation of this object.

inherited

updatePlaybackRate(num playbackRate) → void

The updatePlaybackRate() method of the Web Animations API's Animation Interface sets the speed of an animation after first synchronizing its playback position.

inherited

Operators

operator ==(Object other) → bool

The equality operator.

inherited