Bootstrap Vertical Carousel

Web Information

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

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

Bootstrap Vertical Carousel

Bootstrap Vertical Carousel

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

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

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

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

関連記事

  1. CSS Dig

    Web Information

    CSSをプロパティから解析してくれるChrome拡張機能「CSS Dig」

    CSS DigというChrome拡張機能を使ってみました。今まであまり…

  2. Chromeでタブを切り替える

    Web Information

    Chromeでタブを切り替えるショートカットキーについて

    Chromeでタブを切り替えるショートカットキーがとても便利だったので…

  3. Web Information

    iTunesで曲が変更された時に画面右上に出る通知を非表示にするやり方

    iTunesでよく音楽を聴きながらPC作業をするんですが、最近ちょっと…

  4. 特定のCookieを削除

    Web Information

    Chromeで特定の(個別に)webサイトのCookieを削除するやり方

    Google Chromeのブラウザで特定のwebサイトだけのCook…

  5. Web Information

    ブログ更新の手間を効率化!見ている(閲覧中)ページのタイトルとURLを取得できるブックマークレット

    ここ最近一番よく使っているブックマークレットをご紹介します。ブログ更新…

  6. Web Information

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

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

最近の記事

  1. ブラジルイパネマ
  2. 梅しば
  3. BM-IBCDH13RD
  4. 雪
  5. ホットのドリップ

アーカイブ

PAGE TOP