Bootstrap Carousel Touch Slider with Text Animationは、美しいテキストアニメーションによるスライダーを実装することができます。タッチにも対応したカルーセルスライダーで、PCはもちろん、スマホからでも手軽にスライドさせることが可能です。
Bootstrap Carousel Touch Slider with Text Animation
以下のページから、Bootstrap Carousel Touch Slider with Text Animationの実際のデモ動作を確認できます。
デモページをPCで開き、ページ内にマウスオーバーすると画面左右に前後移動できる矢印アイコンが表示されます。ここをクリックすることで、前後のコンテンツへスライド移動させることが可能です。
テキストが美しいアニメーションとともに表示されるので、とてもカッコイイですね。テキストに動きが加わることで注目度もグッとアップすると思います。
また、スライドは矢印アイコンからだけではなく、ドラッグでスライドさせることもできます。タッチにも対応しているので、スマホからでもしっかりスライドします。
オプションには、Slide effectやText Alignといったものが用意されているので、気になる人はぜひチェックしてみてください。ちなみに、スライドエフェクトには、slideとfadeが用意されています。
というわけで、テキストアニメーションが美しいカルーセルスライダーを実装できる「Bootstrap Carousel Touch Slider with Text Animation」のご紹介でした。
ダウンロードや詳細は、以下のページからどうぞ。