Interface CSSTransition

Hierarchy

Animation
- CSSTransition

Properties

currentTime

currentTime: CSSNumberish

effect

effect: AnimationEffect

`Readonly` finished

finished: Promise<Animation>

id

id: string

oncancel

oncancel: ((this, ev) => any)

Type declaration

- (this, ev): any
- MDN Reference
  Parameters
  - this: Animation
  - ev: AnimationPlaybackEvent
  Returns any

onfinish

onfinish: ((this, ev) => any)

Type declaration

- (this, ev): any
- MDN Reference
  Parameters
  - this: Animation
  - ev: AnimationPlaybackEvent
  Returns any

onremove

onremove: ((this, ev) => any)

Type declaration

- (this, ev): any
- MDN Reference
  Parameters
  - this: Animation
  - ev: Event
  Returns any

`Readonly` pending

pending: boolean

`Readonly` playState

playState: AnimationPlayState

playbackRate

playbackRate: number

`Readonly` ready

ready: Promise<Animation>

`Readonly` replaceState

replaceState: AnimationReplaceState

startTime

startTime: CSSNumberish

timeline

timeline: AnimationTimeline

`Readonly` transitionProperty

transitionProperty: string

Methods

addEventListener

addEventListener<K>(type, listener, options?): void
Type Parameters
- K extends keyof AnimationEventMap
Parameters
- type: K
- listener: ((this, ev) => any)
  - - (this, ev): any
    - Parameters
      
      this: CSSTransition
      
      ev: AnimationEventMap[K]
      
      Returns any
- Optional options: boolean | AddEventListenerOptions
Returns void

Overrides Animation.addEventListener
addEventListener(type, listener, options?): void
Parameters
- type: string
- listener: EventListenerOrEventListenerObject
- Optional options: boolean | AddEventListenerOptions
Returns void

Overrides Animation.addEventListener

cancel

cancel(): void
MDN Reference

Returns void

Inherited from Animation.cancel

commitStyles

commitStyles(): void
MDN Reference

Returns void

Inherited from Animation.commitStyles

dispatchEvent

dispatchEvent(event): boolean
Dispatches a synthetic event event to target and returns true if either event's cancelable attribute value is false or its preventDefault() method was not invoked, and false otherwise.

MDN Reference
Parameters
- event: Event
Returns boolean

Inherited from Animation.dispatchEvent

finish

finish(): void
MDN Reference

Returns void

Inherited from Animation.finish

pause

pause(): void
MDN Reference

Returns void

Inherited from Animation.pause

persist

persist(): void
MDN Reference

Returns void

Inherited from Animation.persist

play

play(): void
MDN Reference

Returns void

Inherited from Animation.play

removeEventListener

removeEventListener<K>(type, listener, options?): void
Type Parameters
- K extends keyof AnimationEventMap
Parameters
- type: K
- listener: ((this, ev) => any)
  - - (this, ev): any
    - Parameters
      
      this: CSSTransition
      
      ev: AnimationEventMap[K]
      
      Returns any
- Optional options: boolean | EventListenerOptions
Returns void

Overrides Animation.removeEventListener
removeEventListener(type, listener, options?): void
Parameters
- type: string
- listener: EventListenerOrEventListenerObject
- Optional options: boolean | EventListenerOptions
Returns void

Overrides Animation.removeEventListener

reverse

reverse(): void
MDN Reference

Returns void

Inherited from Animation.reverse

updatePlaybackRate

updatePlaybackRate(playbackRate): void
MDN Reference
Parameters
- playbackRate: number
Returns void

Inherited from Animation.updatePlaybackRate