TransitionEvent propertyName Property

DOM Events TransitionEvent

Definition and usage

When transitionevent When this occurs, the propertyName property returns the name of the CSS property associated with the transition.

This property is read-only.

Example

Get the property name associated with the transition:

document.getElementById("myDIV").addEventListener("transitionend", myFunction);
function myFunction(event) {
  this.innerHTML = "Property name is: " + event.propertyName;
}

Try it yourself

Syntax

event.propertyName

Technical details

Return value: A string value that represents the name of the transition.

Browser support

The numbers in the table indicate the first browser version that fully supports this property.

Property Chrome IE Firefox Safari Opera
propertyName Support 10.0 Support Support Support

Related page

HTML DOM Reference Manual:transitionend Event

HTML DOM Reference Manual:TransitionEvent elapsedTime Property

CSS Reference Manual:CSS3 transition Property

CSS Reference Manual:CSS3 transition-property Property

DOM Events TransitionEvent