TransitionEvent propertyName Property

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 »

Description

The propertyName property returns the name of the CSS property associated with the transition, when a transitionevent occurs.

This property is read-only.

Syntax

event.propertyName

Technical Details

Return Value:	A String, representing the name of the transition

HTML DOM reference: The transitionend Event

HTML DOM reference: TransitionEvent elapsedTime Property

CSS reference: CSS3 transition Property

CSS reference: CSS3 transition-property Property

Browser Support

event.propertyName is a DOM Level 3 (2004) feature.

It is fully supported in all modern browsers:


Chrome	Edge	Firefox	Safari	Opera	IE
Yes	Yes	Yes	Yes	Yes	11