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」のご紹介でした。

A simple jQuery Accordion with unlimited nestingシンプルなアコーディオンを実装する「A simple jQuery Accordion with unlimited nesting」前のページ

シンプルなCSSグラデーション変化を実装できる「Gradientify」次のページGradientify

関連記事

  1. TwentyTwenty

    JavaScript

    2枚の画像を見比べれるjQueryプラグイン「TwentyTwenty」

    TwentyTwentyは2枚の画像を見比べれる便利なjQueryプラ…

  2. Vertical Timeline

    JavaScript

    垂直型のシンプルなタイムラインを実装できるjQueryプラグイン「Vertical Timeline…

    Vertical Timelineは、垂直型のシンプルなタイムラインを…

  3. Squishy

    JavaScript

    テキストをコンテナに合わせて自動でサイズ変更してくれるjQueryプラグイン「Squishy」

    SquishyというjQueryプラグインを使えばテキストをコンテナに…

  4. Sal.js

    JavaScript

    Vanilla JSによる軽量のスクロールアニメーションライブラリ「Sal.js」

    Sal.jsは軽量のスクロールアニメーションを実装できるライブラリです…

  5. Simple Sidebar
  6. jQuery.fontFlex

最近の記事

  1. DCG-CA21
  2. Apple WatchでのMacロック解除を無効
  3. オータムスイートポテトフラペチーノ
  4. 紅葉
  5. ナノケア EH-NA0E

アーカイブ

PAGE TOP