CSSアニメーションのつらさ...
CSSアニメーションの弱点
やってみてわかりました。 CSSのアニメーションって制御ができない(難しい)んですね。
何がつらいか
たとえばボタンを連打するたびにアニメーションを開始することをやろうとした場合、 クリックイベントでクラスを付与するだけはうまくいきません。
すでに付与されているからです。
どうすればいいのか？
Web Animations API を使う。
しかし..対応ブラウザ問題… う〜ん。iOSもあんまりしっかり対応してないみたい… まだあんまりつかえないねぇ…
じゃあどうしよう..
やっぱりJSでごにょごにょするしかないみたい。
こういうときにコードリーディング。
anime.jsのコードみると
ELMENT.style.transform = 'str(ごにょごにょ)'みたいな感じにしているみたい。
なるほどですね〜。。
追記
いや違う！！ これか〜