2018年12月17日月曜日

CSSアニメーションの終了検知

CSSアニメーションの終了を検知してみよう! | やくにたたないメモ帳
https://not-memopad.net/2018/06/11/memo-8/

// transition終了判定
$('.js-item').on('transitionend', function() {
  $('.js-stateTxt').text('transitionのボタンを押したね!').addClass('is-end');
});

// keyframes終了判定
$('.js-item').on('animationend', function() {
  $('.js-stateTxt').text('keyframesのボタンを押したね!').addClass('is-end');

0 件のコメント:

コメントを投稿