BLOG ブログ

> ブログ

こんにちは!
みなさんはサイト作成の際に項目をフィルタリングして要素を選択することってありませんか。
意外と難しそうに考えてしまいますが、おしゃれで動きのあるフィルタリングギャラリーのプラグインがあるのでご紹介します。

『MixItUp.js』

STEP1:「MixItUp.js」をダウンロードする

(1)公式サイトからプラグイン本体をダウンロードしてください。

(2)head内のなかに下記を入れてください。

STEP2:HTMLを追加する

コンテンツ側

必須デフォルトは「mix」クラスをつけること!

コントロール側

CSSの設定

STEP3:jQueryの設定

まとめ

STEP3で実装できるので、初心者にも簡単なプラグインになります。
公式サイトには他にもアニメーション機能などもありますので、参考にしてみてください!