Bootstrap Vertical Carousel

Web Information

垂直カルーセルを実装できる「Bootstrap Vertical Carousel」

Bootstrap Vertical Carouselは、Bootstrapを活用した垂直カルーセルを実装することができます。滑らかなアニメーションで切り替わっていく垂直カルーセルは、サイト内にちょっとしたアクセントをプラスしたい人にはピッタリですね。

Bootstrap Vertical Carousel

Bootstrap Vertical Carousel

デモではカルーセルが自動で垂直にスライドしながら切り替わっていきます。全部で5つの内容がローテーションされます。

カルーセルの右端には上下の矢印アイコンが設置されていて、ここから上下好きな方向へスライドさせることが可能です。全体的なデザインもとてもシンプルなので、いろんなサイトに合わせやすそうですね。

ブログなら関連記事や人気記事をカルーセルでさりげなく見せる、なんていう使い方もアリかと思います。スペースの有効活用にもなるし、アニメーションすることで注目させることもできるはず。

というわけで、滑らかな上下スライドアニメーションによる垂直カルーセルを実装したい人は、ぜひ「Bootstrap Vertical Carousel」をチェックしてみてはいかがでしょうか。

jQuery ui material design datepickerマテリアルデザインによるデートピッカー「jQuery ui material design datepicker」前のページ

iPhone 7で4K動画(4K/30 fps)を撮影するための設定方法次のページiPhone 7で4K動画撮影の設定方法

関連記事

  1. Nexus 5でテザリングしてMacを接続

    Web Information

    Nexus 5でテザリングしてMacを接続させるやり方

    Nexus 5でテザリングしてMacを接続してみたのでそのやり方をメモ…

  2. Gmailの送信メール取り消し設定

    Web Information

    Gmailで送信メールを取り消し(キャンセル)する設定方法

    先日、GmailのWeb版に送信メールの取り消し機能が採用されたのでさ…

  3. Web Information

    10の新しいフリーのフォント

    10の新しいフリーのフォント「10 Best New Free Fon…

  4. Web Information

    iPhone版Chromeアプリで自動で飛ばされるスマホ専用ページをPCページで表示させるやり方

    個人的にとても便利な機能だったのでメモがてらご紹介します。iPhone…

  5. Web Information

    Google検索を英語だけの結果で表示させる簡単な方法

    Google検索をする時に日本であまり情報が少ないものを検索することが…

最近の記事

  1. EOS RP
  2. COMOLI シルクネルジャケット シルクネルドローストリングパンツ
  3. スターバックス ハシエンダ アルサシア
  4. イングリッシュマフィン

アーカイブ

PAGE TOP