スクロールするとアニメーションつきで表示されるコンテンツ「DD Scroll Boxes」

DD Scroll BoxesはWebページ内でスクロールすると、アニメーションつきでコンテンツを表示させることができます。ユーザーに注目してほしいコンテンツボックスがあるときによさそうですね。

DD Scroll Boxes

DD Scroll Boxesの詳細は以下になります。デモも用意されています。

DD Scroll Boxes

デモでは下や上へスクロールしていくと、コンテンツボックスが画面の上部と右下にアニメーションつきで表示されます。

change fxという部分からいろんなアニメーションのパターンを選択できるようになっています。bounce、flash、shake、fadeIn、flipなど、さまざまなアニメーションが用意されています。

DD Scroll Boxesは、Vanilla JavaScriptとCSS3が使われているとのこと。

というわけで、スクロールすることでアニメーションつきのコンテンツボックスを表示できる「DD Scroll Boxes」のご紹介でした。