Deferred を使おう：CSSトランジション終了の検知 | _level0 - KAYAC Front Engineer Blog

みなさんこんにちは！閃光部おばらです。 今回はCSSトランジション終了の検知についてです。 トランジション終了を検知するための方法とそれを使用したデモをご紹介します。 CSSトランジションのおさらい まずは簡単なデモを用いておさらいをしましょう。 HTML <div>を一つ用意します。 JavaScript から要素を取得するため、適当な id を付与します。 <div id="hoge"></div> CSS 次はトランジションの設定です。 #hoge { -webkit-transition: all 5s ease-in-out; -moz-transition: all 5s ease-in-out; -ms-transition: all 5s ease-in-out; -o-transition: all 5s ease-in-out; transition: all 5s e