ノーコード・STUDIOとLottieアニメーションを活用してスクロールを促す線が流れるアニメーションを実装する方法を徹底解説!|2023年4月仕様アップデート対応
Studians - Studio使い方マニュアル
0:00 / 0:00
ノーコード・STUDIOとLottieアニメーションを活用してスクロールを促す線が流れるアニメーションを実装する方法を徹底解説!|2023年4月仕様アップデート対応
6 220 просмотров · 2 года назад
Studians - Studio使い方マニュアル
11,1 тыс. подписчиков
6 220 просмотров · 2 года назад
この動画ではノーコードWeb制作ツール「STUDIO」でウェブサイト制作にチャレンジしている方向けに、Lottieアニメーションを活用して、スクロールを促す線が繰り返し流れるアニメーションを実装する方法をわかりやすく丁寧に解説しています。
簡単な上にラインの色も変更できますので、色々なサイトに使用することができます。
サイトにこういった動きがあるとよりリッチな感じになりますので、ぜひ試してみてください。
----------
●目次
00:00 オープニング
01:18 構造説明
01:43 テキストボックスの追加
02:50 アニメーションの追加
06:26 アニメーションの色の変更方法
07:57 親ボックスの追加
09:48 完成・確認
----------
●アニメーションのダウンロードはこちらから
https://lottiefiles.com/animations/sc...
●参考動画
動画内で使用している各機能については下記の動画で詳しく解説しています。
ぜひ一緒にご覧ください。
○Lottieアニメーションの使い方について
• ノーコード・STUDIOでのLottieアニメーションの使い方を徹底解説!|2023...
○ギャップについて
• ノーコード・STUDIOでのギャップを使った余白設定方法について基礎からわかりやすく...
#studio #ノーコード #webサイト制作