BETA

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

投稿日:2020-09-14
最終更新: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 が再実行できる。

参考

技術ブログをはじめよう Qrunch(クランチ)は、プログラマの技術アプトプットに特化したブログサービスです
駆け出しエンジニアからエキスパートまで全ての方々のアウトプットを歓迎しております!
or 外部アカウントで 登録 / ログイン する
クランチについてもっと詳しく

この記事が掲載されているブログ

@JUNKI555の技術ブログ

よく一緒に読まれる記事

0件のコメント

ブログ開設 or ログイン してコメントを送ってみよう