【jQuery】エフェクトが魅力的なスライダー「jQuery Hero Slider Plugin」

 
レスポンシブにも対応したダイナミックスライダー「jQuery Hero Slider Plugin」。スワイプの有無や、自動再生などオプションも豊富にあり、比較的活用しやすそうなプラグイン。

jQuery Hero Slider Plugin

スライド時のエフェクトはdata-transform="scale"data-transform="rotate"にて指定します。その他オプションも用意されているので詳細はサイトをご覧ください。


  • 【jQuery】要素をふわふわ動かすプラグイン「jqFloat.js」
  • 【Webデザイン】魅力的な動きをするレスポンシブメニュー
  • 【jQuery】レスポンシブ・フレキシブルなモーダルウィンドウ「iziModal.js」
  • 【jQuery】画像をハーフトーンに変換するプラグイン「Breathing Halftone」
  • 【jQuery】要素を3D回転させるプラグインTURNBOX.js
RELATED POSTS
  • キレイな装飾のテキストアニメーション「Decorative Letter Animations」
  • 世界の国旗をCSSとdivのみで実装する「CSS Flags」
  • CSSやHTML5・Twiterカードなどのコードを生成できる「Web Code Tools」
  • CSSで実装するローディングアニメーション「Single Element CSS Spinners」
  • Webサイトのページ表示速度を測定できる無料サービスまとめ
  • スクロール連動のエフェクトを実装できるライブラリ「AOS」
POPULAR POSTS
  • 【無料】漢字が使える日本語フリーフォント59選
  • 似たフォントを探したい!フォントを調べる時に役に立つツール・サイト10選
  • 無料で使える日本語・英語のかわいいフリーフォント20選
  • CSSで簡単に作れるおしゃれな見出しデザイン20選
  • 無料で使えるおしゃれな英語の筆記体フリーフォント20選
RECENT POSTS
  • Neumorphismを簡単に作れるジェネレーター「Neumorphism.io」
  • マルチカラーグラデーションのコードをコピーできる「gradienta」
  • SNSで使用する画像・動画サイズのテンプレート集「SocialSizes」
  • やわらかいタッチのイラストをダウンロードできる「Open Doodles」
  • 簡単にホバーエフェクトを実装できるCSSライブラリ「Izmir Hover Effects」