イナヅマTVログ

[JavaScript][CSS3] animation, transitionのEvent名をメモ

| 0件のコメント

CSS3のanimation, transition のイベントを知りたかったのでメモっとく。

ネタ元
【CSS3 Animation】
MDN: CSS アニメーション
MDN: Detecting CSS animation support
w3school: CSS3 Animations

【CSS3 transition】
Stack Overflow: CSS3 transition events
MDN: CSS transitions

CSS3 Animation

W3C, Firefox
animationstart
animationend
animationiteration

Webkit(Chrome, Safari)
webkitAnimationStart
webkitAnimationEnd
webkitAnimationIteration

IE10
MSAnimationStart
MSAnimationEnd
MSAnimationIteration

Opera
oanimationstart
oanimationend
oanimationiteration

CSS3 transition

W3C, Firefox
transitionend

Webkit(Chrome, Safari)
webkitTransitionEnd

IE10
MSTransitionEnd

Opera
otransitionend

transitionは終了だけしかイベントないんや〜

コメントを残す