エントリーの編集
エントリーの編集は全ユーザーに共通の機能です。
必ずガイドラインを一読の上ご利用ください。
無限ループするアニメーションの、今進んでいるフレームが終わったら停止させる
記事へのコメント0件
- 注目コメント
- 新着コメント
このエントリーにコメントしてみましょう。
注目コメント算出アルゴリズムの一部にLINEヤフー株式会社の「建設的コメント順位付けモデルAPI」を使用しています
- バナー広告なし
- ミュート機能あり
- ダークモード搭載
関連記事
無限ループするアニメーションの、今進んでいるフレームが終わったら停止させる
挙動 ざっくり概要 infiniteの着脱だけでは、進行中のアニメーションの途中で急にアニメーション開始前... 挙動 ざっくり概要 infiniteの着脱だけでは、進行中のアニメーションの途中で急にアニメーション開始前の状態にワープするので、iterationの回数をカウント→停止ボタン押下時にiteration分の回数繰り返したらアニメーション終了の状態で停止させる もっとスマートな書き方がある気しかしない(何ならCSSだけで実現できそうな気もする)ですが、思いつかなかったのでとりあえずJSでなんとかしています【求】CSSだけで実現する方法 補足 今回の挙動では必要のない記述ですが、animationendたやanimationiterarionなどのイベントハンドラはeventにanimationNameを持っているので、animationNameによって処理を出し分けることが可能という発見があったのでソースに書いています。なくても問題ありません。(hoge.animationendだと、hog