Bootstrap Vertical Carousel

Web Information

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

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

Bootstrap Vertical Carousel

Bootstrap Vertical Carousel

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

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

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

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

関連記事

  1. 現時点の動画のURLをコピー

    Web Information

    YouTube動画で指定した時間から再生できるURLをコピーする方法

    YouTube動画のURLを友達などに伝えるときに「◯分◯秒から再生さ…

  2. Web Information

    音を鳴らしたくない場所で便利!iPhoneのアラームをバイブだけに設定するやり方

    例えば電車の中やカフェなんかで、ちょっとだけ仮眠しようとした時にiPh…

  3. Web Information

    今年(2011)最後に自分のWebサイトのファビコンを作成して設置してみる

    ファビコンをまだ設置していなかったので設置してみました。当サイトはまだ…

  4. Menu Button Animations
  5. Web Information

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

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

  6. マウスオーバーでEXIFをチェックできる「EXIF Viewer」

最近の記事

  1. cheero USB-C PD Charger 60W
  2. DY-S01
  3. OWL-QI10W04
  4. BQ-CC87L

アーカイブ

PAGE TOP