Bootstrap Vertical Carousel

Web Information

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

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

Bootstrap Vertical Carousel

Bootstrap Vertical Carousel

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

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

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

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

関連記事

  1. coolHue

    Web Information

    クールなグラデーションがたくさん用意されたWebサイト「coolHue」

    coolHueはクールで素敵なグラデーションがたくさん用意されたWeb…

  2. Web Information

    ホームページを直感的で簡単に作成できるWixの新エディタを使ってみた【PR】

    プロが作ったようなホームページを簡単に作成できるウェブサイトビルダー「…

  3. タブの順番を入れ替える

    Web Information

    iPhoneのSafariで複数あるタブの順番を入れ替える(並べ替え)やり方

    iPhoneのSafariでブラウジングしているといつの間にかタブがた…

  4. さくらレンタルサーバーからエックスサーバーへの移転手順

    Web Information

    さくらレンタルサーバーからエックスサーバーにWordPressを移転する手順

    自分が管理運営している、あるWordPressサイトのサーバー移転が無…

  5. Web Information

    FacebookのLike Boxを設置して表示させるまでのやり方

    FacebookのLike Boxの設置から表示させるまでのやり方をメ…

  6. Google英語版でWeb検索

    Web Information

    Googleの英語版でWeb検索して検索結果を表示させるやり方

    Google の英語版でWeb検索をする必要があったのでその時のやり方…

最近の記事

  1. Anker PowerPort PD 1 & ライトニングケーブル(0.9m ホワイト)
  2. オリジナルチキン6ピース
  3. 200-DGCAM019
  4. ハクバ GW-PRO RED フォトグローブプロ PL

アーカイブ

PAGE TOP