DD Scroll Boxes

JavaScript

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

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

DD Scroll Boxes

DD Scroll Boxes

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

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

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

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

関連記事

  1. Flurry

    JavaScript

    Webページに雪を美しく降らせる冬にピッタリのjQueryプラグイン「Flurry」

    FlurryはWebページに雪を美しく降らせてくれるアニメーションを実…

  2. JavaScript

    クリックで画像や要素にオーバーレイを表示させるjQueryプラグイン「Purplecoat.js」

    Purplecoat.jsはクリックすると画像や好きな要素にオーバーレ…

  3. CSS3 Menu Slider
  4. nanogallery2

    JavaScript

    美しくてハイクオリティなイメージギャラリーを実装できる「nanogallery2」

    nanogallery2はパーソナルニーズにピッタリなイメージギャラリ…

  5. TOAST UI Chart

    JavaScript

    多彩なチャートを描画できる「TOAST UI Chart」

    TOAST UI Chartは多彩なチャートをWebページに描画できる…

  6. Circular Slider

最近の記事

  1. Kindle Oasis
  2. OWL-WDDESK01
  3. ワンタッチ着脱フィルターキット
  4. Soundcore Ace A1

アーカイブ

PAGE TOP