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. jQueryでウィンドウサイズによって処理を変える

    JavaScript

    jQueryでパターン化されたクラス名をループで1つずつ取り出して処理する

    どうでもいい内容なんですがちょっとやりたかったのでメモです。jQuer…

  2. JavaScript

    リストのテキストを1つずつ垂直にスライドさせていくjQueryのティッカー「Totem Ticker…

    おもしろいですね、これ。リスト化したli要素を1つずつ垂直方向にスライ…

  3. jquery-calendar

    JavaScript

    レスポンシブ対応でスケジュール管理もできるカレンダー「jquery-calendar」

    jquery-calendarはレスポンシブに対応したスケジュール管理…

  4. no-image

    JavaScript

    シンプルなモバイルメニューを実装できる「offcanvas-mobile-menu」

    offcanvas-mobile-menuは、シンプルでモバイルフレン…

  5. jQueryでウィンドウサイズによって処理を変える

    JavaScript

    jQueryのeachと$.eachの簡単な使い方のメモ

    jQueryのeachと$.eachの使い方のメモです。あんまり深い知…

  6. Animated Toggle Menu

最近の記事

  1. ハムエッグホットサンドとドリップコーヒー
  2. 高輪ゲートウェイ駅のスタバ
  3. 新幹線
  4. リッチモンドホテル
  5. ハーブバターチキン 石窯フィローネとドリップコーヒー

アーカイブ

PAGE TOP