こんにちはLottie
ThemifyのLottie Animationモジュールを使って、Lottieのデモサイトをざっくり再現してみました。
チェーン可能
ThemifyのLottie Animationは複数のLottieを連続して再生する機能があります。
バランス
ThemifyのLottie Animationは、Lottie上でマウスを左右に動かすことで動作させることもできます。
スクロール
ThemifyのLottie Animationは、スクロールすることで動作させることもできます。
ホバー
ThemifyのLottie Animationは、ボタンにマウスホバーすることで、アニメーションを再生できます。
クリック
ThemifyのLottie Animationは、ボタンをクリックすることで、アニメーションを再生できます。
ホバー&リバース
ThemifyのLottie Animationは、マウスアウトするとアニメーションが反転します。
ホバー&一時停止
ThemifyのLottie Animationは、マウスアウトするとアニメーションが一時停止します。
Lottieのアイコン {"actions":{"path":"lf20_o1DawfZmz8","seg":"0,240","sel":"parent"},"loop":1}
ThemifyのLottie Animation機能は、ボタン、Fancy Heading、アイコン、Cart Iconなどのモジュールにアイコンとして挿入できます。
Lottie Icon
Lottieのアイコンを使ってこんなことができます。
Lottie Icon
Lottieのアイコンを使ってこんなことができます。
Lottie Icon
Lottieのアイコンを使ってこんなことができます。