このページの本文へ

おしゃれプロモサイトの実装に便利なスクロールアニメライブラリー

2017年07月04日 13時00分更新

記事提供:WPJ

  • この記事をはてなブックマークに追加
本文印刷

スクロールアニメーション用ライブラリー「AOS」のチュートリアルをお届けします。手軽で柔軟なライブラリーなので、クライアントから要望の多いプロモーションサイトで重宝しそうですね。

フロントエンド開発者は、ページスクロールに合わせて迫力あるアニメーションエフェクトの実装をクライアントから求められることがよくあります。求められた課題を楽にこなせるライブラリーはたくさんあります。AOS(Animate on Scroll)もその1つです。スクロールに合わせてさまざまなアニメーションで要素を画面に表示します。

この記事ではAOSの内部動作、インストール方法、使い方を紹介するチュートリアルです。最後まで読めば、クライアントの希望通りのスクロールアニメーションが作成できるでしょう。

AOSライブラリーのインストール方法

AOSをBowernpmでインストールします。

この記事をWPJのサイトで読む

Web Professionalトップへ

Web Professionalトップページバナー

WebProfessional 新着記事

ASCII.jp会員サービス 週刊Web Professional登録

Webディレクター江口明日香が行く