某CMの円スケールトランジションをmojsライブラリを使って模倣してみた

2022年7月12日 00:24

こんにちわ。nap5です。

某CMの円スケールトランジションをmojsライブラリを使って模倣してみたので、紹介したいと思います。

某ジムのランニングマシンでTVが見れるので、毎日通っている僕としてはこのCMを何回も見かけることがあり、脳裏に焼き付いてしまいました。ということで、ここで昇華させたいと思います。

元ネタのCMです。3秒から4秒ぐらいの間のやつです。

デモサイトです。

デモコードです。

mojsライブラリはこちらになります。

動きだけそれっぽくしているだけなので、色味とかはカスタマイズしています。mojsはハンディでいいですね。ページ遷移時のトランジションに挟んでも面白いかもしれません。

最近では、Twitterでモックアップ動画を公開しているので、こちらもよかったら、覗いてみてください。

最後に、Udemyでコースを公開しました。
良かったら覗いてみてください。

また、コースの内容紹介記事は以下になります。

簡単ですが、以上です。

この記事が気に入ったらサポートをしてみませんか？