ぽよんと展開されるメニューコンポーネント、react-motion-menuを作りました。 動きは以下を見てください。div要素をぽよんぽよんさせてます。 デモ 以下で実際に操作できます。 example リポジトリ github.com インストール npm i react-motion-menu 概要 ぽよんとアニメーションするメニューを作りたくなって作った。 当初はもっとスライム感みたいなのを表現したくてsvgで検討していただんだけど、いろいろとスキル不足な感じでreact-motionを使って遊んでみることにした。 svgで何かを作りたい場合、Inkscapeとかでベジェ曲線を思い通りに扱えるようになると捗るかもしれない。 使い方 展開する要素をchildrenに記述します。 あとはwidthや展開時のメニューアイテム間の距離をdistanceで指定してください。 <Menu di
![ぽよんと展開されるメニューコンポーネントをReactで作った - undefined](https://cdn-ak-scissors.b.st-hatena.com/image/square/d30a727b4acfea3c7ffe2f4a74cd4aca5e6421ca/height=288;version=1;width=512/http%3A%2F%2Fcdn-ak.f.st-hatena.com%2Fimages%2Ffotolife%2Fb%2Fbokuweb%2F20151208%2F20151208102313.gif)