Lottie(公式サイト:https://airbnb.design/lottie/)とは、民泊マッチングサービスAirbnbが開発したアニメーションライブラリです。 Webサイトはもちろん、iOSやAndroidのアプリにも組み込むことができ、従来の方法よりも動作が軽く、簡単に実装することができます。 Lottieでどんなことができるのか、まずは下の作例をご覧ください。 【作例】 マウスオーバーでアイコンが動きます ↓ このように、マウスアクションなどに連動してアニメーションを再生することができます。 この記事では、Lottieの魅力と、実際に作例のメールアイコンを作成し、Webサイトに実装するまで一連の流れをご説明します。 Adobe After Effectの使い方については、詳しく画像付きで解説します。また、HTML・Javascriptは、サンプルコードを記載しています。 ぜひこ
![Airbnbが開発したアニメーションライブラリ「Lottie(ロッティー)」の使い方と魅力を解説!](https://cdn-ak-scissors.b.st-hatena.com/image/square/8a0894512f2d5cd0a9784f8f6462510a7b682551/height=288;version=1;width=512/https%3A%2F%2Flucy-saigon.com%2Fwp-content%2Fuploads%2F2019%2F11%2Flottie.jpg)