Bootstrap Carousel Touch Slider with Text Animation

JavaScript

美しいテキストアニメーションによるスライダー実装「Bootstrap Carousel Touch Slider with Text Animation」

Bootstrap Carousel Touch Slider with Text Animationは、美しいテキストアニメーションによるスライダーを実装することができます。タッチにも対応したカルーセルスライダーで、PCはもちろん、スマホからでも手軽にスライドさせることが可能です。

Bootstrap Carousel Touch Slider with Text Animation

デモ

デモページをPCで開き、ページ内にマウスオーバーすると画面左右に前後移動できる矢印アイコンが表示されます。ここをクリックすることで、前後のコンテンツへスライド移動させることが可能です。

テキストが美しいアニメーションとともに表示されるので、とてもカッコイイですね。テキストに動きが加わることで注目度もグッとアップすると思います。

また、スライドは矢印アイコンからだけではなく、ドラッグでスライドさせることもできます。タッチにも対応しているので、スマホからでもしっかりスライドします。

オプションには、Slide effectやText Alignといったものが用意されているので、気になる人はぜひチェックしてみてください。ちなみに、スライドエフェクトには、slideとfadeが用意されています。

というわけで、テキストアニメーションが美しいカルーセルスライダーを実装できる「Bootstrap Carousel Touch Slider with Text Animation」のご紹介でした。

Bootstrap Carousel Touch Slider with Text Animation

関連記事

  1. Tosrus

    JavaScript

    スマホやタブレットにも対応するLightbox風のjQueryプラグイン「Tosrus」

    TosrusというjQueryプラグインを使えば、スワイプやスクロール…

  2. Section Scroller

    JavaScript

    セクションごとに自動でスクロールしてくれるボタン実装「Section Scroller」

    Section Scrollerは、セクションごとにスムーズにスクロー…

  3. No Vacancy

    JavaScript

    ネオンサインのようなエフェクトを実装できるjQueryプラグイン「No Vacancy」

    テキストにネオンサインのようなエフェクトを実装することができるjQue…

  4. jRCarousel

    JavaScript

    モダンエフェクトなレスポンシブ対応のカルーセル実装「jRCarousel」

    jRCarouselはモダンエフェクトなカルーセルを実装できるjQue…

  5. no-image

    JavaScript

    オーバーレイによるシンプルなアラートを実装できるjQueryプラグイン「simplert」

    simplertはオーバーレイによるシンプルで美しいアラートを実装する…

  6. JavaScript

    レスポンシブなLightbox風のギャラリーを実装できるjQueryプラグイン「anoFlow」

    anoFlowというjQueryプラグインを使えば、レスポンシブなLi…

最近の記事

  1. OWL-WDDESK01
  2. ワンタッチ着脱フィルターキット
  3. Soundcore Ace A1
  4. cheero USB-C PD Charger 60W

アーカイブ

PAGE TOP