handle CSS animation programmatically via promise

gistfile1.js

// attention: needs when.js, jquery and checks only for webkit 

var transformTo = function ($e, css, property) {
  var deferred = when.defer();
  $e.on('webkitTransitionEnd', function (e) {
    if (!!property && property !== e.originalEvent.propertyName) {
      return;
    }
    $e.off('webkitTransitionEnd');
    deferred.resolve();
  }).css(css);
  return deferred.promise;
};