react-flip-toolkitライブラリを使ってヘッダーロゴがダイナミックに変化するFLIPアニメーションを作ってみよう
こんにちわ。nap5です。
react-flip-toolkitライブラリを使ってヘッダーロゴがダイナミックに変化するFLIPアニメーションを作ってみたので、紹介したいと思います。
Twitterにも投稿してみました。
react-flip-toolkitライブラリはこちらです。
デモサイトです。今回はホスティングとしてcloudlflareを使っています。
デモコードです。
オープニングなどで取り入れてもいいかもですね。GSAPのFLIPプラグインでも実現できると思います。こちらのほうが細かく設定パラメータを管理できるので、ハンディかもしれません。
簡単ですが、以上です。
この記事が気に入ったらサポートをしてみませんか?