JSアニメーション

2018-07-23 by Horizon Blue Owl

WEBサイトに多彩なアニメーションを用いることで効果的な演出が可能になります。

▼JSアニメーションサンプル（8種）紹介

　カルーセルとはWebデザインの一種で、画像などのコンテンツをスムーズに横にスライドさせる表示方法のことです。

　スムーススクロールとはボタン等をクリックすると、該当するコンテンツまでスクロールでページ内該当の箇所に移動する機能のことです。

　下にスクロールしていくとコンテンツがふわっと表示されます。

　下にスクロールしていくとコンテンツが回転しながら表示されます。

　下にスクロールしていくとコンテンツが拡大・縮小されながら表示されます。

　アコーディオンとはWebサイトのナビゲーションメニューの一種であり、項目をクリックしたり、マウスオーバーする事によって項目に応じた詳細を表示させる事が出来ます。

　パララックス（視差）とは、ページをスクロールする際、手前と奥とでスクロールの速度に差をつけることで、奥行きや立体感を表現するものを指します。

　ライトボックスとは、Webページ上のサムネイル画像を拡大表示できるJavaScriptのライブラリ、および、そのライブラリを使用して実現できる画像表示機能のことです。