初めてcssのアニメーションを書いた気がします。

動作

gifに変換したらかなりもっさりしてしまいました。

次のgist内にあるgyazoのリンクから見てもらえばなめらかなのは確認できるかと思います。

動作イメージ

コード

Vuetifyを使っていればfloating action buttonが用意されているのでそれを使うだけだったんですけど今回は使えなかったのとよさげなライブラリが見つからなかったので最低限の機能を実装してみました。