CSS animation with callback style

cssTo.coffee

cssTo = (elem, prop, time, easing, callback)->
  time = "#{time / 1000}s"
  transitions = []
  for key, value of prop
    transitions.push "#{key} #{time} #{easing}"
  transition = transitions.join ', '

  listener = (e)->
    elem.removeEventListener 'webkitTransitionEnd', listener
    elem.style['-webkit-transition'] = ''
    callback?()

  elem.addEventListener 'webkitTransitionEnd', listener
  elem.style['-webkit-transition'] = transition
  for key, value of prop
    elem.style[key] = value

Usage

cssTo querySelector('#foo'), {
  opacity: 0
}, 1000, 'ease-out', ->
  console.log 'complete!!'