📝

CSS animation を再実行させたい時は requestAnimationFrame してやる

2020/09/22に公開
function play() {
  const element = document.getElementById('hoge');
  element.className = "";
  window.requestAnimationFrame(function(time) {
    window.requestAnimationFrame(function(time) {
      element.className = "play_animation";
    });
  });
}

こういう感じで class を付け直してやると
css animation が再実行できる。

参考

Discussion