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 »
function myFunction(event) {
this.innerHTML = "Property name is: " + event.propertyName;
}
Definition and Usage
The propertyName property returns the name of the CSS property associated with the transition, when a transitionevent occurs.
This property is read-only.
Browser Support
The numbers in the table specify the first browser version that fully supports the property.
| Property | |||||
|---|---|---|---|---|---|
| propertyName | Yes | 10.0 | Yes | Yes | Yes |
Syntax
event.propertyName
Technical Details
| Return Value: | A String, representing the name of the transition |
|---|
Related Pages
HTML DOM reference: The transitionend Event
HTML DOM reference: TransitionEvent elapsedTime Property
CSS reference: CSS3 transition Property
CSS reference: CSS3 transition-property Property
Event Object
