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