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. InlineTweet.js

    JavaScript

    Webページのテキストにツイートリンクを作成できる「InlineTweet.js」

    InlineTweet.jsはWebページのテキストにツイートリンクを…

  2. DropDownMenu

    JavaScript

    レスポンシブ対応で多階層なドロップダウンメニューを実装できる「DropDownMenu」

    DropDownMenuは、レスポンシブに対応した多階層なドロップダウ…

  3. zelect

    JavaScript

    セレクトボックスをカスタマイズして使いやすくしてくれる「zelect」

    zelectはセレクトボックスをユーザーが使いやすくなるようにカスタマ…

  4. Unite Gallery

    JavaScript

    レスポンシブな画像・動画ギャラリーを実装できる「Unite Gallery」

    Unite Galleryは、レスポンシブに対応した画像・動画ギャラリ…

  5. formToWizard

    JavaScript

    ステップごとに入力可能なフォームを実装できる「formToWizard」

    formToWizardはステップごとに(ウィザード)入力可能なフォー…

  6. Spring Loaders

    JavaScript

    ポリゴンによるローディングアニメーションがかっこいい「Spring Loaders」

    Spring Loadersはポリゴンでつくられたローディングアニメー…

最近の記事

  1. そそそ 明太クリームそうめん
  2. すしざんまい
  3. 蒼龍唐玉堂 特製牛バラ担々麺
  4. サーモンアボカドサラダラップとドリップ
  5. 猿田彦フレンチ

アーカイブ

PAGE TOP