Test Case Boilerplate

Fork this way...

HTML

<!-- This page is supported by Chrome. You may also can try Safari. -->

<div>Hover over me</div>
<p id="result">

CSS

div {
    width: 200px;
    height: 200px;
    background: red;
    float: left;
    -webkit-transition: all 0.5s;
}
div:hover {
    -webkit-transform: translate3d(150px, 0, 0);
}

JavaScript

// It works well if you don't use jQuery.
/* document.querySelector('div').addEventListener('webkitTransitionEnd', function (event) {
    document.querySelector('#result').innerHTML = event.propertyName + ' ' + event.elapsedTime;
}, false); */

// It doesn't work if you use jQuery
$('div').bind('webkitTransitionEnd', function (event) {
    $('#result').html(event.originalEvent.propertyName + ' ' + event.originalEvent.elapsedTime);
});