css - 更改样式属性时可以触发 animationend 吗？

Question

在这个例子中它没有触发:

http://codepen.io/loren/pen/QbeyEy

<div id='slider'></slider>

#slider
  width 100px
  height 50px
  background-color black
  transition transform 300ms 

$slider = $('#slider')

$slider.one 'animationend', ->
  alert 'ended'

setTimeout ->
  $slider.css 
    transform: 'translate(100px,0px)'
, 1000

Answer 1

正确的事件是transitionend，而不是animationend。